博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
h5播放器playbackRate设置当前播放速度实现倍速播放
阅读量:2720 次
发布时间:2019-05-13

本文共 710 字,大约阅读时间需要 2 分钟。

定义和用法

playbackRate 属性设置或返回音频的当前播放速度。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 playbackRate 属性。

注意:Internet Explorer 9及更早IE版本不支持 playbackRate 属性。

语法如下:

// 视频获取速率var videoSpeed = video.playbackRate;// 视频设置播放速率,如正常速度播放video.playbackRate = 1.0;// 获取音频播放速率var audioSpeed = audio.playbackRate;// 音频设置播放速率,如正常速度播放audio.playbackRate = 1.0;

来个例子吧: 

选择播放速率:

var eleSelect = document.getElementById('selRate');var eleButton = document.getElementById('btnPlay');// 视频元素var video = document.getElementById('video');// 改变播放速率eleSelect.addEventListener('change', function () {    video.playbackRate = this.value;});// 点击播放按钮eleButton.addEventListener('click', function () {    video.play();}); 

 

我的视频应用类原创文章

转载地址:http://voztd.baihongyu.com/

你可能感兴趣的文章
JavaScript如何处理解析JSON数据详解
查看>>
Web渗透之Web利器合集——sqlmap和burpsuite连接
查看>>
Web渗透小案例——利用Metasploit(MSF)拿下Windows7
查看>>
【翻译自mos文章】运行utlpwdmg.sql之后报ORA-28003, ORA-20001, ORA-20002, ORA-20003, ORA-20004 错误
查看>>
Oracle GoldenGate (ogg) 11.2.1.0.20 是最后一个支持oracle db 10g的 ogg版本
查看>>
GoldenGate进程 abend,报错为OGG-00868 ORA-02396: Exceeded Maximum Idle Time, Please Connect Again
查看>>
【翻译自mos文章】即使resource_limit = false, password的 资源限制也会生效
查看>>
【翻译自mos文章】对dba_users视图中,account_status列的解释
查看>>
【翻译自mos文章】开启dblink的 oracle net trace/tracing --对dblink进行跟踪的方法
查看>>
[转]使用 watchdog 构建高可用性的 Linux 系统及应用
查看>>
【转】How to check HBA host and its corresponding WWPN on RHEL 5, 6 or 7?
查看>>
【转】How can I check the port status of my fibre channel HBA?
查看>>
【转】rhel内核版本和HBA卡驱动版本之间的对应关系
查看>>
【转】How can I get firmware version of a Qlogic HBA card?
查看>>
【转帖】 Windows中解决删除文件时提示被进程占用的问题
查看>>
大数据开发工程师面试主要面试哪些内容
查看>>
Java 抽象类是什么
查看>>
JavaScript中Nodejs中事件循环和js 事件循环差异
查看>>
什么是双亲委派模型?
查看>>
Vue的生命周期的钩子函数?
查看>>