javascript – 加速HTML5视频搜索?

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

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

slide: function(e,ui){
    seeksliding = true;
    $gVideo[0].currentTime = ui.value;
},
最佳答案
现代浏览器通常非常擅长快速搜索,甚至可以使用与您描述的功能相同的synchronize two or more videos using Javascript. (版本4-5左右的Firefox需要几毫秒的时间并失去同步,但现在它会更好.)

只要ui.value介于零和视频持续时间之间,您所拥有的代码就可以运行.但是,如果a)未加载视频或b)编码视频文件存在问题,则可能会遇到问题.

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

接下来,查看您在尝试搜索时是否加载了视频.您可以通过向视频标记添加preload属性来加快速度.通过将滑块代码放在loadedmetadata事件中,确保在浏览器具有视频持续时间之前不启用滑块事件.

相关文章

kindeditor4.x代码高亮功能默认使用的是prettify插件,prett...
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代...
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小