加速HTML5视频搜索？
加速HTML5视频搜索？
提问于 2011-08-18 08:46:13
嘿，我想知道你们是否知道一些能帮到我的窍门。我实现的是一个滑块，它通过currentTime属性控制HTML5视频的搜索位置。我希望发生的事情是，当用户拖动滑块时，视频正在实时更新。
我有什么工作，但视频播放器图像不会更新到每一帧，因为我设置的当前时间。有什么想法吗？
slide: function(e, ui){
seeksliding = true;
$gVideo[0].currentTime = ui.value;
},回答 1
Stack Overflow用户
发布于 2012-11-22 04:02:10
现代浏览器通常非常擅长快速搜索，甚至可以使用您所描述的相同类型的功能进行synchronize two or more videos using Javascript。(Firefox版本4-5会多花几毫秒的时间并失去同步，但现在好多了。)
只要ui.value介于0和视频的持续时间之间，您拥有的代码就应该可以工作。但是，如果a)视频未加载或b)编码的视频文件有问题，则可能会遇到问题。
首先，确保浏览器可以在没有任何Javascript控件的情况下播放视频和seek。只需尝试在浏览器中打开文件，首先直接从硬盘上打开，然后从网络上打开。如果你不能使用原生控件进行搜索，你就不能使用Javascript进行搜索。我有时会看到，在没有B-Frames的情况下，通过重新编码视频来解决错误。
下一步，看看在你尝试搜索的时候视频是否加载了。您可以通过向视频标签添加preload属性来加快速度。通过将滑块代码放入loadedmetadata事件中，确保在浏览器获得视频的持续时间之前没有启用滑块事件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7101167
复制相关文章
相似问题
腾讯云开发者
