egoSample viewers: fix autoplay in WeChat/iOS in-app WebViews (no canplay wait, retry on WeixinJSBridgeReady/first tap)

egoSample/ego-legacy/demo02/viewer.html

@@ -286,22 +286,35 @@ window.addEventListener('load',update);update();
 (function(){
   var started=false, iv=null;
   function vlist(){try{return Object.values(videos);}catch(e){return [];}}
-  function autoStart(){
+  var t0=Date.now(), armed=false;
+  function autoStart(force){
     if(started||playing)return;
     var vs=vlist();
-    if(!vs.length||!vs.every(function(v){return v.readyState>=2;}))return;
+    if(!vs.length||(!vs.every(function(v){return v.readyState>=2;})&&!(force||Date.now()-t0>1500&&vs.every(function(v){return v.readyState>=1||v.src;}))))return;
     started=true; if(iv){clearInterval(iv);iv=null;}
     vs.forEach(function(v){v.muted=true;});
     Promise.all(vs.map(function(v){return Promise.resolve(v.play());})).then(function(){
       playing=true; playBtn.innerHTML='❙❙'; requestAnimationFrame(loop);
     }).catch(function(){
       vs.forEach(function(v){try{v.pause();}catch(e){}}); playing=false; playBtn.innerHTML='▶';
+      started=false; arm();
     });
   }
   vlist().forEach(function(v){
     v.addEventListener('canplay',autoStart); v.addEventListener('loadeddata',autoStart);
   });
-  window.addEventListener('load',autoStart);
+  /* in-app WebViews (WeChat) ignore preload and may refuse autoplay: don't wait for
+     readyState>=2 forever, and retry on WeixinJSBridgeReady / the first tap */
+  function arm(){
+    if(armed)return; armed=true;
+    function once(ev){ if(ev&&ev.target&&ev.target.closest&&ev.target.closest('#play'))return;
+      document.removeEventListener('touchend',once,true); document.removeEventListener('click',once,true);
+      armed=false; autoStart(true); }
+    document.addEventListener('touchend',once,true); document.addEventListener('click',once,true);
+    if(window.WeixinJSBridge&&WeixinJSBridge.invoke) WeixinJSBridge.invoke('getNetworkType',{},function(){autoStart(true);});
+  }
+  document.addEventListener('WeixinJSBridgeReady',function(){autoStart(true);},false);
+  window.addEventListener('load',function(){autoStart();});
   iv=setInterval(autoStart,400);
   setTimeout(function(){if(iv){clearInterval(iv);iv=null;}},90000);
 })();

egoSample/ego-legacy/demo05/viewer.html

@@ -286,22 +286,35 @@ window.addEventListener('load',update);update();
 (function(){
   var started=false, iv=null;
   function vlist(){try{return Object.values(videos);}catch(e){return [];}}
-  function autoStart(){
+  var t0=Date.now(), armed=false;
+  function autoStart(force){
     if(started||playing)return;
     var vs=vlist();
-    if(!vs.length||!vs.every(function(v){return v.readyState>=2;}))return;
+    if(!vs.length||(!vs.every(function(v){return v.readyState>=2;})&&!(force||Date.now()-t0>1500&&vs.every(function(v){return v.readyState>=1||v.src;}))))return;
     started=true; if(iv){clearInterval(iv);iv=null;}
     vs.forEach(function(v){v.muted=true;});
     Promise.all(vs.map(function(v){return Promise.resolve(v.play());})).then(function(){
       playing=true; playBtn.innerHTML='❙❙'; requestAnimationFrame(loop);
     }).catch(function(){
       vs.forEach(function(v){try{v.pause();}catch(e){}}); playing=false; playBtn.innerHTML='▶';
+      started=false; arm();
     });
   }
   vlist().forEach(function(v){
     v.addEventListener('canplay',autoStart); v.addEventListener('loadeddata',autoStart);
   });
-  window.addEventListener('load',autoStart);
+  /* in-app WebViews (WeChat) ignore preload and may refuse autoplay: don't wait for
+     readyState>=2 forever, and retry on WeixinJSBridgeReady / the first tap */
+  function arm(){
+    if(armed)return; armed=true;
+    function once(ev){ if(ev&&ev.target&&ev.target.closest&&ev.target.closest('#play'))return;
+      document.removeEventListener('touchend',once,true); document.removeEventListener('click',once,true);
+      armed=false; autoStart(true); }
+    document.addEventListener('touchend',once,true); document.addEventListener('click',once,true);
+    if(window.WeixinJSBridge&&WeixinJSBridge.invoke) WeixinJSBridge.invoke('getNetworkType',{},function(){autoStart(true);});
+  }
+  document.addEventListener('WeixinJSBridgeReady',function(){autoStart(true);},false);
+  window.addEventListener('load',function(){autoStart();});
   iv=setInterval(autoStart,400);
   setTimeout(function(){if(iv){clearInterval(iv);iv=null;}},90000);
 })();

egoSample/ego-legacy/demo07/viewer.html

@@ -286,22 +286,35 @@ window.addEventListener('load',update);update();
 (function(){
   var started=false, iv=null;
   function vlist(){try{return Object.values(videos);}catch(e){return [];}}
-  function autoStart(){
+  var t0=Date.now(), armed=false;
+  function autoStart(force){
     if(started||playing)return;
     var vs=vlist();
-    if(!vs.length||!vs.every(function(v){return v.readyState>=2;}))return;
+    if(!vs.length||(!vs.every(function(v){return v.readyState>=2;})&&!(force||Date.now()-t0>1500&&vs.every(function(v){return v.readyState>=1||v.src;}))))return;
     started=true; if(iv){clearInterval(iv);iv=null;}
     vs.forEach(function(v){v.muted=true;});
     Promise.all(vs.map(function(v){return Promise.resolve(v.play());})).then(function(){
       playing=true; playBtn.innerHTML='❙❙'; requestAnimationFrame(loop);
     }).catch(function(){
       vs.forEach(function(v){try{v.pause();}catch(e){}}); playing=false; playBtn.innerHTML='▶';
+      started=false; arm();
     });
   }
   vlist().forEach(function(v){
     v.addEventListener('canplay',autoStart); v.addEventListener('loadeddata',autoStart);
   });
-  window.addEventListener('load',autoStart);
+  /* in-app WebViews (WeChat) ignore preload and may refuse autoplay: don't wait for
+     readyState>=2 forever, and retry on WeixinJSBridgeReady / the first tap */
+  function arm(){
+    if(armed)return; armed=true;
+    function once(ev){ if(ev&&ev.target&&ev.target.closest&&ev.target.closest('#play'))return;
+      document.removeEventListener('touchend',once,true); document.removeEventListener('click',once,true);
+      armed=false; autoStart(true); }
+    document.addEventListener('touchend',once,true); document.addEventListener('click',once,true);
+    if(window.WeixinJSBridge&&WeixinJSBridge.invoke) WeixinJSBridge.invoke('getNetworkType',{},function(){autoStart(true);});
+  }
+  document.addEventListener('WeixinJSBridgeReady',function(){autoStart(true);},false);
+  window.addEventListener('load',function(){autoStart();});
   iv=setInterval(autoStart,400);
   setTimeout(function(){if(iv){clearInterval(iv);iv=null;}},90000);
 })();

egoSample/ego-legacy/demo08/viewer.html

@@ -286,22 +286,35 @@ window.addEventListener('load',update);update();
 (function(){
   var started=false, iv=null;
   function vlist(){try{return Object.values(videos);}catch(e){return [];}}
-  function autoStart(){
+  var t0=Date.now(), armed=false;
+  function autoStart(force){
     if(started||playing)return;
     var vs=vlist();
-    if(!vs.length||!vs.every(function(v){return v.readyState>=2;}))return;
+    if(!vs.length||(!vs.every(function(v){return v.readyState>=2;})&&!(force||Date.now()-t0>1500&&vs.every(function(v){return v.readyState>=1||v.src;}))))return;
     started=true; if(iv){clearInterval(iv);iv=null;}
     vs.forEach(function(v){v.muted=true;});
     Promise.all(vs.map(function(v){return Promise.resolve(v.play());})).then(function(){
       playing=true; playBtn.innerHTML='❙❙'; requestAnimationFrame(loop);
     }).catch(function(){
       vs.forEach(function(v){try{v.pause();}catch(e){}}); playing=false; playBtn.innerHTML='▶';
+      started=false; arm();
     });
   }
   vlist().forEach(function(v){
     v.addEventListener('canplay',autoStart); v.addEventListener('loadeddata',autoStart);
   });
-  window.addEventListener('load',autoStart);
+  /* in-app WebViews (WeChat) ignore preload and may refuse autoplay: don't wait for
+     readyState>=2 forever, and retry on WeixinJSBridgeReady / the first tap */
+  function arm(){
+    if(armed)return; armed=true;
+    function once(ev){ if(ev&&ev.target&&ev.target.closest&&ev.target.closest('#play'))return;
+      document.removeEventListener('touchend',once,true); document.removeEventListener('click',once,true);
+      armed=false; autoStart(true); }
+    document.addEventListener('touchend',once,true); document.addEventListener('click',once,true);
+    if(window.WeixinJSBridge&&WeixinJSBridge.invoke) WeixinJSBridge.invoke('getNetworkType',{},function(){autoStart(true);});
+  }
+  document.addEventListener('WeixinJSBridgeReady',function(){autoStart(true);},false);
+  window.addEventListener('load',function(){autoStart();});
   iv=setInterval(autoStart,400);
   setTimeout(function(){if(iv){clearInterval(iv);iv=null;}},90000);
 })();

egoSample/ego-legacy/demo09/viewer.html

@@ -286,22 +286,35 @@ window.addEventListener('load',update);update();
 (function(){
   var started=false, iv=null;
   function vlist(){try{return Object.values(videos);}catch(e){return [];}}
-  function autoStart(){
+  var t0=Date.now(), armed=false;
+  function autoStart(force){
     if(started||playing)return;
     var vs=vlist();
-    if(!vs.length||!vs.every(function(v){return v.readyState>=2;}))return;
+    if(!vs.length||(!vs.every(function(v){return v.readyState>=2;})&&!(force||Date.now()-t0>1500&&vs.every(function(v){return v.readyState>=1||v.src;}))))return;
     started=true; if(iv){clearInterval(iv);iv=null;}
     vs.forEach(function(v){v.muted=true;});
     Promise.all(vs.map(function(v){return Promise.resolve(v.play());})).then(function(){
       playing=true; playBtn.innerHTML='❙❙'; requestAnimationFrame(loop);
     }).catch(function(){
       vs.forEach(function(v){try{v.pause();}catch(e){}}); playing=false; playBtn.innerHTML='▶';
+      started=false; arm();
     });
   }
   vlist().forEach(function(v){
     v.addEventListener('canplay',autoStart); v.addEventListener('loadeddata',autoStart);
   });
-  window.addEventListener('load',autoStart);
+  /* in-app WebViews (WeChat) ignore preload and may refuse autoplay: don't wait for
+     readyState>=2 forever, and retry on WeixinJSBridgeReady / the first tap */
+  function arm(){
+    if(armed)return; armed=true;
+    function once(ev){ if(ev&&ev.target&&ev.target.closest&&ev.target.closest('#play'))return;
+      document.removeEventListener('touchend',once,true); document.removeEventListener('click',once,true);
+      armed=false; autoStart(true); }
+    document.addEventListener('touchend',once,true); document.addEventListener('click',once,true);
+    if(window.WeixinJSBridge&&WeixinJSBridge.invoke) WeixinJSBridge.invoke('getNetworkType',{},function(){autoStart(true);});
+  }
+  document.addEventListener('WeixinJSBridgeReady',function(){autoStart(true);},false);
+  window.addEventListener('load',function(){autoStart();});
   iv=setInterval(autoStart,400);
   setTimeout(function(){if(iv){clearInterval(iv);iv=null;}},90000);
 })();

egoSample/ego-legacy/demo10/viewer.html

@@ -286,22 +286,35 @@ window.addEventListener('load',update);update();
 (function(){
   var started=false, iv=null;
   function vlist(){try{return Object.values(videos);}catch(e){return [];}}
-  function autoStart(){
+  var t0=Date.now(), armed=false;
+  function autoStart(force){
     if(started||playing)return;
     var vs=vlist();
-    if(!vs.length||!vs.every(function(v){return v.readyState>=2;}))return;
+    if(!vs.length||(!vs.every(function(v){return v.readyState>=2;})&&!(force||Date.now()-t0>1500&&vs.every(function(v){return v.readyState>=1||v.src;}))))return;
     started=true; if(iv){clearInterval(iv);iv=null;}
     vs.forEach(function(v){v.muted=true;});
     Promise.all(vs.map(function(v){return Promise.resolve(v.play());})).then(function(){
       playing=true; playBtn.innerHTML='❙❙'; requestAnimationFrame(loop);
     }).catch(function(){
       vs.forEach(function(v){try{v.pause();}catch(e){}}); playing=false; playBtn.innerHTML='▶';
+      started=false; arm();
     });
   }
   vlist().forEach(function(v){
     v.addEventListener('canplay',autoStart); v.addEventListener('loadeddata',autoStart);
   });
-  window.addEventListener('load',autoStart);
+  /* in-app WebViews (WeChat) ignore preload and may refuse autoplay: don't wait for
+     readyState>=2 forever, and retry on WeixinJSBridgeReady / the first tap */
+  function arm(){
+    if(armed)return; armed=true;
+    function once(ev){ if(ev&&ev.target&&ev.target.closest&&ev.target.closest('#play'))return;
+      document.removeEventListener('touchend',once,true); document.removeEventListener('click',once,true);
+      armed=false; autoStart(true); }
+    document.addEventListener('touchend',once,true); document.addEventListener('click',once,true);
+    if(window.WeixinJSBridge&&WeixinJSBridge.invoke) WeixinJSBridge.invoke('getNetworkType',{},function(){autoStart(true);});
+  }
+  document.addEventListener('WeixinJSBridgeReady',function(){autoStart(true);},false);
+  window.addEventListener('load',function(){autoStart();});
   iv=setInterval(autoStart,400);
   setTimeout(function(){if(iv){clearInterval(iv);iv=null;}},90000);
 })();

egoSample/faberu.html

@@ -90,6 +90,31 @@ const esc=s=>String(s??'').replace(/[&<>"]/g,c=>({'&':'&amp;','<':'&lt;','>':'&g
 const fmt=t=>{t=Math.max(0,t);const m=Math.floor(t/60),s=t%60;return m+':'+s.toFixed(2).padStart(5,'0');};
 const skc=s=>SKC[s]||'#666';
 
+/* autoplay for in-app WebViews (WeChat iOS/Android X5): they ignore preload, so
+   canplay never fires until play() is called — don't wait on it forever. If play()
+   is refused, roll back to paused and retry on WeixinJSBridgeReady / first tap. */
+let _autoArmed=false;
+function _autoStart(){
+  if(!master||!_toggle) return;
+  if(!playing) _toggle();
+  const m=master; Promise.resolve(m.play()).catch(()=>{ if(playing && master===m) _toggle(); _armRetry(); });
+}
+function _armRetry(){
+  if(_autoArmed) return; _autoArmed=true;
+  const once=ev=>{ if(ev && ev.target && ev.target.closest && ev.target.closest('#play')) return;
+    document.removeEventListener('touchend',once,true); document.removeEventListener('click',once,true);
+    _autoArmed=false; if(!playing) _autoStart(); };
+  document.addEventListener('touchend',once,true); document.addEventListener('click',once,true);
+  const wx=()=>{ if(!playing) _autoStart(); };
+  if(window.WeixinJSBridge && WeixinJSBridge.invoke) WeixinJSBridge.invoke('getNetworkType',{},wx);
+}
+document.addEventListener('WeixinJSBridgeReady',()=>{ if(master && !playing) _autoStart(); },false);
+function _whenReady(go){
+  if(master.readyState>=3){ go(); return; }
+  let fired=false; const f=()=>{ if(fired) return; fired=true; go(); };
+  master.addEventListener('canplay',f,{once:true}); setTimeout(f,1200);
+}
+
 function select(i){ EP=EPS[i]; SIG=null; cancelAnimationFrame(raf); clearInterval(syncT); playing=false; render(); loadSig(EP.slug); }
 function loadSig(slug){ window.EPDATA=window.EPDATA||{};
   // start every download at once; core first-priority, map next, scans next, depth-hover grid last
@@ -101,7 +126,7 @@ function loadSig(slug){ window.EPDATA=window.EPDATA||{};
     scansP.then(merge('scans',F=>{ let c=0; SIG.clouds={}; Object.entries(F.hdr.clouds).forEach(([k,fr])=>{ SIG.clouds[k]=fr.map(f=>Object.assign({t:f.t},decPts(F,c++,f.n))); }); }))
       .then(()=>fetchBin(P('dgrid'),null,'low')).then(b=>{ if(!b||!SIG) return; const F=parseFUP(b), n=F.hdr.w*F.hdr.h; SIG.depthGrid=F.hdr.offs.map((o,k)=>new Uint16Array(F.buf.buffer,F.base+o,n)); });
     updateUI(master.currentTime||0);
-    const go=()=>{ if(_toggle&&!playing) _toggle(); }; if(master.readyState>=3) go(); else master.addEventListener('canplay',go,{once:true}); };
+    if(!playing) _whenReady(_autoStart); };
   if(window.EPDATA[slug]){ done(); return; }
   fetchBin(P('core'),null).then(b=>{ window.EPDATA[slug]=JSON.parse(new TextDecoder().decode(b)); done(); })
     .catch(()=>{ const s=document.createElement('script'); s.src='epdata/'+slug+'.js'; s.onload=done; document.body.appendChild(s); }); }

egoSample/jizhi.html

@@ -98,6 +98,31 @@ const AXR = ['#ff0000','#00ff00','#0000ff'];
 let cur=-1, vids=[], master=null, playing=false, EP=null, SIG=null, raf=0, syncTimer=0, _toggle=null, _lastCi=-2;
 let orbO={yaw:0.6,pitch:-0.45,drag:0};
 
+/* autoplay for in-app WebViews (WeChat iOS/Android X5): they ignore preload, so
+   canplay never fires until play() is called — don't wait on it forever. If play()
+   is refused, roll back to paused and retry on WeixinJSBridgeReady / first tap. */
+let _autoArmed=false;
+function _autoStart(){
+  if(!master||!_toggle) return;
+  if(!playing) _toggle();
+  const m=master; Promise.resolve(m.play()).catch(()=>{ if(playing && master===m) _toggle(); _armRetry(); });
+}
+function _armRetry(){
+  if(_autoArmed) return; _autoArmed=true;
+  const once=ev=>{ if(ev && ev.target && ev.target.closest && ev.target.closest('#play')) return;
+    document.removeEventListener('touchend',once,true); document.removeEventListener('click',once,true);
+    _autoArmed=false; if(!playing) _autoStart(); };
+  document.addEventListener('touchend',once,true); document.addEventListener('click',once,true);
+  const wx=()=>{ if(!playing) _autoStart(); };
+  if(window.WeixinJSBridge && WeixinJSBridge.invoke) WeixinJSBridge.invoke('getNetworkType',{},wx);
+}
+document.addEventListener('WeixinJSBridgeReady',()=>{ if(master && !playing) _autoStart(); },false);
+function _whenReady(go){
+  if(master.readyState>=3){ go(); return; }
+  let fired=false; const f=()=>{ if(fired) return; fired=true; go(); };
+  master.addEventListener('canplay',f,{once:true}); setTimeout(f,1200);
+}
+
 const esc = s => (s||'').replace(/[&<>"]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]));
 const fmt = t => { t=Math.max(0,t); const m=Math.floor(t/60), s=t%60; return m+":"+s.toFixed(2).padStart(5,'0'); };
 const skc = s => SKC[s]||'#666';
@@ -115,8 +140,7 @@ function loadSig(slug){
   window.EPDATA=window.EPDATA||{};
   const done=()=>{ SIG=window.EPDATA[slug]; if(!SIG) return; SIG._fw=null; sizeCanvases(); drawCharts();
     updateUI(master?master.currentTime:0);
-    const go=()=>{ if(_toggle && !playing) _toggle(); };
-    if(!master){} else if(master.readyState>=3) go(); else master.addEventListener('canplay',go,{once:true}); };
+    if(master && !playing) _whenReady(_autoStart); };
   if(window.EPDATA[slug]){ done(); return; }
   const s=document.createElement('script'); s.id='sigjs'; s.src='epdata/'+slug+'.js';
   s.onload=done; s.onerror=()=>{ SIG=null; }; document.body.appendChild(s);

egoSample/mego.html

@@ -117,6 +117,31 @@ const AX = {x:"#e0616f", y:"#41c76b", z:"#4f8ff7"};
 let cur=-1, vids=[], master=null, playing=false, EP=null, SIG=null, raf=0, syncTimer=0, _toggle=null, _lastCi=-2;
 let orbH={yaw:0,pitch:-0.28,drag:0}, orbP={yaw:0,pitch:-0.28,drag:0};
 
+/* autoplay for in-app WebViews (WeChat iOS/Android X5): they ignore preload, so
+   canplay never fires until play() is called — don't wait on it forever. If play()
+   is refused, roll back to paused and retry on WeixinJSBridgeReady / first tap. */
+let _autoArmed=false;
+function _autoStart(){
+  if(!master||!_toggle) return;
+  if(!playing) _toggle();
+  const m=master; Promise.resolve(m.play()).catch(()=>{ if(playing && master===m) _toggle(); _armRetry(); });
+}
+function _armRetry(){
+  if(_autoArmed) return; _autoArmed=true;
+  const once=ev=>{ if(ev && ev.target && ev.target.closest && ev.target.closest('#play')) return;
+    document.removeEventListener('touchend',once,true); document.removeEventListener('click',once,true);
+    _autoArmed=false; if(!playing) _autoStart(); };
+  document.addEventListener('touchend',once,true); document.addEventListener('click',once,true);
+  const wx=()=>{ if(!playing) _autoStart(); };
+  if(window.WeixinJSBridge && WeixinJSBridge.invoke) WeixinJSBridge.invoke('getNetworkType',{},wx);
+}
+document.addEventListener('WeixinJSBridgeReady',()=>{ if(master && !playing) _autoStart(); },false);
+function _whenReady(go){
+  if(master.readyState>=3){ go(); return; }
+  let fired=false; const f=()=>{ if(fired) return; fired=true; go(); };
+  master.addEventListener('canplay',f,{once:true}); setTimeout(f,1200);
+}
+
 const esc = s => (s||'').replace(/[&<>"]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]));
 const fmt = t => { t=Math.max(0,t); const m=Math.floor(t/60), s=t%60; return m+":"+s.toFixed(2).padStart(5,'0'); };
 
@@ -173,9 +198,7 @@ function loadSig(slug){
     if(master && fv>0 && master.currentTime<fv-0.01) setTime(fv); else if(master){ updateUI(master.currentTime||0); blitMain(); }
     // start playback only once the master tile can actually play, so the per-frame
     // slave sync chases a real timestamp instead of hammering seeks against t=0
-    const go=()=>{ if(_toggle && !playing) _toggle(); };
-    if(!master) {} else if(master.readyState>=3) go();
-    else master.addEventListener('canplay', go, {once:true}); };
+    if(master && !playing) _whenReady(_autoStart); };
   if(window.EPDATA[slug]){ done(); return; }
   const s=document.createElement('script'); s.id='sigjs'; s.src='epdata/'+slug+'.js';
   s.onload=done; s.onerror=()=>{ SIG=null; };