倍速播放问题,在html5代码中,是使用playbackRate来实现,音频、视频播放速率都可以实现:

// 获取视频速率
var playback = video.playbackRate;
// 设置视频播放速率
video.playbackRate = 1.5;
// 获取音频播放速率
var audioPlay = audio.playbackRate;
// 设置音频播放速率
audio.playbackRate = 1.5;

完整示例代码如下:

<video id="video" width="180" height="314" autobuffer controls src="cuplayer.mp4" type="video/mp4"></video><p>请选择播放速率:<select id="rate"><option value="0.5">0.5</option><option value="1" selected>1.0</option><option value="1.25">1.25</option><option value="1.5">1.5</option><option value="2">2.0</option></select></p>
<p><button id="play">视频播放</button></p>
var sel = document.getElementById('rate');
var btn = document.getElementById('play');
var video = document.getElementById('video');
sel.addEventListener('change', function () {video.playbackRate = this.value;
});
btn.addEventListener('click', function () {video.play();
});

视频倍速播放(视频倍速率来加速播放音视频文件)相关推荐

  1. 视频倍速 - 在线调倍速的加速器APP工具

    视频怎么调倍速?一刀工具箱 APP 提供一键可将手机上的视频倍速播放,可以调整视频倍速的加速器,调节视频的速度也就是调节视频的播放速度! 代码片段 buildVideo(){let that = th ...

  2. 一名合格的音视频开发人员,需要掌握哪些技能呢?音视频技术该怎么学?

    在线教育.音视频会议.即时通讯等产品都是基于音视频技术开发,如今越来越多的App中都大量加入了音频.视频元素,比如说注册与登陆的扫脸验证,dou音.wei视的音视频变速.变调录制.实时滤镜.人脸识别特 ...

  3. 阿里云视频云低代码音视频工厂正式上线,以vPaaS全新定义企业级音视频应用开发

    1月5日,阿里云视频云"低代码音视频工厂vPaaS"正式上线,极大程度降低音视频开发门槛,打破传统音视频技术壁垒,全新定义企业级的音视频应用开发. 低代码音视频工厂基于云原生.音视 ...

  4. php倍速播放,调节视频2倍速的软件 怎样调整视频播放速度,设置视频快放或慢放...

    小编周末在用优酷播放器看电视的时候,发现是可以调整视频播放速度的,比如说调整速度为1.2X.1.5X.或者是2.0X.调整视频播放速度的好处就是可以让视频快放或者是慢放,目前小编只发现优酷可以调整,别 ...

  5. html5带倍速功能的视频播放器(加速2倍,1.5倍播放)

    阿酷TONY  采用第三方云视频平台 HTML5倍数功能视频播放器(加速2倍,1.5倍播放) 倍数功能视频播放器的应用: 培训场景,教育教学场景下,可以倍速观看视频,比如1.5倍,2倍的速度观看视频, ...

  6. 解决超新尔雅网课无法倍速(16+倍速冲刺)

    引子 基本每个学校都需要在超新尔雅上选择网课修学分,但是苦于无法倍速只能挂着慢慢播放.其实学习了前端,利用js脚本可以轻松修改倍速播放. 第一步:点开需要播放的网课 第二步:按F12打开开发者模式,选 ...

  7. 云创平台+播放器SDK,腾讯云音视频新工具助力视频生产、终端能力全面升级

    腾讯云音视频围绕在线视频生产和终端播放能力推出新工具. 6月28日,在"TechoDay腾讯技术开放日"活动现场,腾讯云音视频发布"腾讯云视立方·播放器SDK" ...

  8. 谷歌浏览器html音频不能自动播放,谷歌浏览器已暂停禁止网站的音视频内容自动播放功能...

    谷歌浏览器近期版本上线新功能即自动限制多数网站加载的音视频内容自动播放以免干扰到用户的正常浏览. 对于用户来说该功能还是非常有实际意义的,毕竟很多网站自动加载音视频内容并冷不丁的播放确实很烦人. 但有 ...

  9. 音视频编解码流程与如何使用 FFMPEG 命令进行音视频处理

    一.前言 FFMPEG 是特别强大的专门用于处理音视频的开源库.你既可以使用它的 API 对音视频进行处理,也可以使用它提供的工具,如 ffmpeg, ffplay, ffprobe,来编辑你的音视频 ...

最新文章

  1. spoj Balanced Numbers(数位dp)
  2. php人员权限管理(RBAC)
  3. 容联CTO许志强:AI、5G让通讯更智能、更高效
  4. 当 高并发系统下 Redis 发生高延迟时,其内部到底发生了什么
  5. c语言输入n个数按大小输出,输入n个整数并输出,用c语言表达
  6. 思维探索者:从问题到答案的思维过程 像侦探一样思考
  7. 为什么[]比list()更快?
  8. 新荣耀员工现金补偿最高可拿 N+5;天津立法禁止采集人脸识别信息;IntelliJ IDEA 新版发布|极客头条...
  9. 实战 - Nexus搭建Maven私服
  10. Wordpress世界最牛?做网站用国内cms建站系统才是正道
  11. 第三方支付牌照会改变在线支付现状吗?
  12. 北京新版城市总体规划解读
  13. python中item是什么意思中文-python中的item
  14. 如何找短视频素材?这些工具可以帮到你
  15. JavaScript 使用js修改页面元素
  16. i7 11800h参数
  17. 显示答案c语言代码编程,c语言编程例题及答案
  18. 10种常见的HTML标签错误写法
  19. 从初学者的角度看Solr概述
  20. 机器学习习题(16)

热门文章

  1. 05月13日三支有望飙涨股与操盘策略分析
  2. ZZULIOJ1037
  3. Java如何遍历获取对象中的所有属性和值
  4. 突破技术封锁,国产小芯片4nm封装投入量产
  5. 各大期货交易所保证金收取方式说明
  6. 开复老师微博力挺叶诗文引发中西文化碰撞 外媒关注
  7. JavaScript - 笔记速记
  8. python大乐透号码生成器_国庆长假写了个体彩大乐透彩票号码生成器小程序
  9. 第08课:生活中的装饰模式——你想怎么穿就怎么穿
  10. php(ThinkPHP)实现微信小程序的登录过程