naver/egjs-view360

[BUG] view360@3.6.4 does not work in AOS

njh7799 opened this issue · 2 comments

njh7799 commented

Description

View360 (ver. @egjs/view360@3.6.4) renders a black image on AOS.

works fine on IOS

Steps to check or reproduce

Device Info

Device: Galaxy S22
OS: Android 12
Browser: Chrome (99.0.4844.88)

Device: Galaxy S22+
OS: Android 13
Browser: Naver (unkown)

Device: Galaxy S22
OS: Android 12
Browser: Naver (12.0.2)

Code

<!doctype html>
<html>
  <head>
    <title>JavaScript Sandbox</title>
    <link href="./styles.css" />
  </head>

  <body>
    <div id="myPanoViewer"></div>

    <script src="./index.js" type="module"></script>
  </body>
</html>
import { PanoViewer } from "@egjs/view360";

const panoViewer = new PanoViewer(document.getElementById("myPanoViewer"), {
  image: "https://blog.oneunicorn.com/assets/playingminecraft360.jpg",
});

reproduction link

daybrush commented

@njh7799

Hello. For AOS, the maximum image size is limited to 4096px.

Your image must be at least 9000px. Please check it.

  • ❤️2
njh7799 commented

@daybrush

I have confirmed that PanoViewer works fine in AOS when the image size is reduced.

Thank you for your response.