2015年8月16日日曜日

canvasでvideoを描画2

ちょっと考えて前回のコードを一部変更してみた。

  vid.autoplay = true;

  vid.addEventListener("loadeddata", function(){  
      vid.pause();  
      draw();  
      button.value = "play";  
    }, false);  

  vid.autoplay = false;
  vid.loop = true;
  vid.addEventListener("loadeddata", function(){
      vid.play();
      setTimeout(function() {
          vid.pause();
          draw();
        }, 25);
      button.value = "play";
    }, false);

とりあえずloadeddataイベント発生後25ミリ秒だけ再生するようにしたところ、Edge/IEでもChromeと同じ挙動になった。
ただこれでもスマホ(Android/Zenfone5)のChromeだとダメ。

スマホのレイテンシ高すぎるんじゃ…

0 件のコメント:

コメントを投稿