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事件中,确保在浏览器具有视频持续时间之前不启用滑块事件.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)