加速HTML5视频寻求？

Question

嘿,我想知道你们是否知道一些可以帮助我的技巧.我实现的是一个滑块,通过currentTime属性控制HTML5视频的搜索位置.我想要发生的是用户正在拖动视频正在实时更新的滑块.

我有什么工作,但视频播放器图像不会更新到每帧,因为我设置当前时间.任何想法？

slide: function(e, ui){
    seeksliding = true;
    $gVideo[0].currentTime = ui.value;
},

Answer 1

现代浏览器通常非常擅长快速搜索，甚至可以使用 Javascript 同步两个或多个视频，并具有您所描述的相同功能。（Firefox 版本 4-5 会多花几毫秒并失去同步，但现在好多了。）

ui.value只要介于零和视频持续时间之间，您拥有的代码就应该可以工作。但是，如果 a) 视频未加载或 b) 编码的视频文件出现问题，您可能会遇到问题。

首先，确保浏览器可以在没有任何 Javascript 控件的情况下播放视频和搜索。只需尝试在浏览器中打开该文件，首先直接从硬盘驱动器打开，然后再从网络上打开。如果您无法使用本机控件进行搜索，则无法使用 Javascript 进行搜索。我有时会看到通过重新编码没有B 帧的视频来寻求解决错误。

接下来，在您尝试搜索时查看视频是否已加载。preload您可以通过向视频标签添加属性来加快速度。并通过将滑块代码放入事件中，确保在浏览器获得视频的持续时间之前不会启用滑块事件loadedmetadata。