Question

我正在动态加载并将第一帧小视频元素绘制到更大的画布上。（当你翻转时播放它们）它通常有效（90％的时间）但随机有时一个或另一个视频会画一个黑盒子，表示从视频中采样的图像数据是空的。

我这样做的方法是在每个视频上使用canplaythrough事件来确定视频是否已准备好进行采样，但我想知道是否应该使用更好的事件？

例如：

myvid.addEventListener("canplaythrough",function()
        {
            //do the sampling now
        });

但上述偶尔和看似随机的空白？

有什么想法吗？我也尝试过：onloadeddata和canplay，但这些更不可靠

Answer 1

我觉得空白帧的原因是，即使是一秒钟的视频也包含很多帧。因此它之间可能包含一个空白帧。我觉得活动可以播放是正确的。您可以修改采样逻辑。

 myvid.addEventListener("canplaythrough",function()
        {
           //check the intensity of some pixels of sample if they are blank. If blank then raise canplaythrough event
//else do the sampling now
        });

html5视频将黑盒子（空）绘制到画布上

1 个答案: