最初のフレームの小さなビデオ要素を大きなキャンバスに動的にロードして描画しています。(ロールオーバーすると再生されます)通常は機能しますが(90%の時間)、ビデオからサンプリングされた画像データが空であることを示すブラックボックスがランダムに表示されることがあります。
これを行う方法は、各ビデオのイベントを使用してcanplaythrough
、ビデオをサンプリングする準備ができているかどうかを確認することですが、使用すべきより良いイベントがあるかどうか疑問に思っていますか?
例えば:
myvid.addEventListener("canplaythrough",function()
{
//do the sampling now
});
しかし、上記は時折、一見ランダムに空白を描画しますか?
何か案は?私も試しました:onloadeddata
そしてcanplay
、これらはさらに信頼性が低くなりました