videojs调整音频播放语速
2024-08-29 22:43:02
参考来源:
https://stackoverflow.com/questions/19112255/change-the-video-playback-speed-using-video-js
以下代码相比stackoverflow添加了一个延时,否则无法正常播放,官方文档并没有相关过多说明,不理解具体原因
var player = videojs('example-video');
player.ready(function() {
var _this = this
//速率
var playbackRate = $("#playbackRate").val();
var speed = parseFloat(playbackRate);
setTimeout(function() {
_this.playbackRate(speed);
},20);
});
...
player.play();
$("#playbackRate").change(function(){
var speed = $(this).val();
$("#playbackRateLabel").text("x"+speed+"倍速");
});
<audio id=example-video preload="auto" class="video-js vjs-default-skin" type="audio/wav" hidden="hidden">
<input type="range" min="0.5" max="2" value="1" id="playbackRate" step="0.5"/><span id="playbackRateLabel">×1</span> <script type="text/javascript" th:src="@{/js/jquery3.4.1.js}"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7..0.0/video.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.6.0/lang/zh-CN.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>
<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
<link href="https://cdn.bootcss.com/layer/2.3/skin/layer.css" rel="stylesheet">
最新文章
- 【python】类中的self
- cocospod 安装和使用 podfile 问题解决
- jQuery.validate errorPlacement
- VHDL TestBench基础(转)
- tomcat服务器启动错误
- 织梦DEDECMS {dede:field name=&#39;position&#39;/}标签增加其它属性的
- FairScheduler的任务调度机制——assignTasks
- linux学习(一个) 在unbuntu通过添加新的用户
- 第3章 抽象工厂模式(Abstract Factory)
- SVN官方版本下载地址
- CI 图片上传路径问题的解决
- 【JDK1.8】JDK1.8集合源码阅读——LinkedList
- CCF系列之I’m stuck!(201312-5)
- PS图片去色
- python离线安装包
- Linux运维必会的MySQL企业面试题大全
- Java面试题系列(五)
- ambari 安装HDP3.0.1后,启动服务的问题记录
- 创建一个dynamics 365 CRM online plugin (三) - PostOperation
- 厌倦了“正在输入…”的客服对话,是时候pick视频客服了
热门文章
- Linux下安装nginx实现伪分布
- python 操作excle 之第三方库 openpyxl学习
- sql server select 1 from 的作用
- 四川大学第二届SCUACM新生赛(同步赛)题解
- P1986 元旦晚会——贪心或差分约束系统
- centos7使用yum提示有事物未完成的解决办法:
- win10下交换CapLock和Esc按键
- meshing-球体网格划分
- Result window is too large, from + size must be less than or equal to [10000]
- Alpha项目冲刺! Day4-产出