naver / egjs-view360

360 integrated viewing solution
https://naver.github.io/egjs-view360/
MIT License
488 stars 90 forks source link

[BUG] view360@3.6.4 does not work in AOS #433

Closed njh7799 closed 9 months ago

njh7799 commented 10 months ago

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 10 months ago

@njh7799

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

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

njh7799 commented 9 months ago

@daybrush

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

Thank you for your response.