s.insta360.com - 360° video is not visible

webcompat-bot commented 2 years ago

URL: https://s.insta360.com/p/33a681603aea9e573adb6d54978e0f56

Browser / Version: Firefox Mobile 92.0 Operating System: Android 10 Tested Another Browser: Yes Chrome

Problem type: Video or audio doesn't play Description: There is no video Steps to Reproduce: The video is black but audio plays. On chrome it's the same On duckduckgo browser it works. It's supposed to be a 360 video

View the screenshot

Browser Configuration

gfx.webrender.all: false
gfx.webrender.blob-images: true
gfx.webrender.enabled: false
image.mem.shared: true
buildID: 20210830150437
channel: beta
hasTouchScreen: true
mixed active content blocked: false
mixed passive content blocked: false
tracking content blocked: false

View console log messages

From webcompat.com with ❤️

karlcow commented 2 years ago

so both chrome and firefox are failing. I suspect some kind of memory issues. This is working on desktop with Firefox Android UA.

I need to retest this later.

karlcow commented 2 years ago

as it is failing in chrome, let's make @miketaylr aware

karlcow commented 2 years ago

The log has a lot of WebGL warnings

14:54:18.761 Navigated to https://s.insta360.com/p/33a681603aea9e573adb6d54978e0f56
14:54:20.065 WEBGL_debug_renderer_info is deprecated in Firefox and will be removed. Please use RENDERER. krpano.js:5:1424
14:54:20.065 WebGL context was lost. krpano.js:5:1585
14:54:20.133 WebGL context was lost. krpano.js line 10 > eval:1:43574
14:54:20.327
Some cookies are misusing the “SameSite“ attribute, so it won’t work as expected 3
14:54:20.504 playerInit post.e6c1e.js:318:123421
14:54:20.575 Use of the motion sensor is deprecated. krpano.js line 10 > eval line 1 > Function:3:799
14:54:20.605 videoReady post.e6c1e.js:318:124332
14:54:20.654 WebGL warning: tex(Sub)Image[23]D: Resource has no data (yet?). Uploading zeros. krpano.js line 10 > eval:1:220135
14:54:20.655 WebGL warning: drawElementsInstanced: Tex image TEXTURE_2D level 0 is incurring lazy initialization. krpano.js line 10 > eval:1:220277
14:54:20.694 webvrAvailable post.e6c1e.js:318:124669

The funny is that it is working on RDM with Firefox Android UA.

Here the profile on mobile. https://share.firefox.dev/3BhRKkM

The player needs a media file such as or equivalent. https://static.insta360.com/share/public/media/mp4/1e10b9b2694d7e9a4421b565cea4452e_960x480.mp4

If I put this URL on the mobile it plays. but somehow it is never loaded by the page itself.

The canvas has been created.

<canvas style="position: absolute; left: 0px; top: 0px; width: 414px; height: 512px;" width="1080" height="1335"></canvas>

I wonder if it's because of E = 'failIfMajorPerformanceCaveat',

but the code for krpano is quite obfuscated.

/*
    krpano HTML5 Viewer
    krpano 1.20.6 (build 2020-04-15)
*/
var krpanoJS = {
  version: '1.20.6',
  build: '2020-04-15',

aka things like

    }('fp:ktLS+^Prd[UXFK^g(Fi/_1F09)hG-,Z(/t\'XwE3Uu5CNXvJ#=0\'DBQS9LB6ARFCVY):FEA_S0up)nBt`<n8]8NJ8&-Oc0?GcK6(B@I020F3FeR*qCVE0JH*JdM#&HaA>>-;tC3goG-GDUS7BJVq7\'Joj5f]XM.(Ek?#<b*CFiT9NB>,M&6[UGu6[hcO4FK#I3.am>Cm*1hEk9MvHF,dJ6F&]*BW=6(#<Vx#0n>($BQmUlBS]e/06[Y)(l;jq(lW&t(la,u8UaLK6-gPDB8]0d:4*(GL2JMoBSow@2[pe]%]IkfDo9S52iEK21rx1GH,+HP1P@3A-;4]F#$ubA#-`

I wonder if @klausw is related to the code of @krpano

webcompat / web-bugs

s.insta360.com - 360° video is not visible #86653