源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: Html5播放器实现倍速播放的方法示例 [打印本页]
作者: 洪七公    时间: 2023-1-18 23:59
标题: Html5播放器实现倍速播放的方法示例

本文主要介绍了Html5播放器实现倍速播放的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧


定义和用法

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

指示音频的当前播放速度。

例值：

1.0 正常速度
0.5 半速（更慢）
2.0 倍速（更快）
-1.0 向后，正常速度
-0.5 向后，半速

示例代码1：
  1. <video id="video" controls src="**.mp4" type="video/mp4"></video>
  2. 选择倍速播放：
  3. <select id="select">
  4.     <option value="0.5">0.5</option>
  5.     <option value="1" selected>1.0</option>
  6.     <option value="1.25">1.25</option>
  7.     <option value="1.5">1.5</option>
  8.     <option value="2">2.0</option>
  9. </select>
复制代码

示例代码2：
  1. <div id="player"></div>
  2. <script src="//player.polyv.net/script/player.js"></script>
  3. <script>
  4. var player = polyvPlayer({
  5. wrap: '#player',
  6. width: 800,
  7. height: 533,
  8. vid: 'e785b2c81c9e018296671a1287e99615_e',
  9. });
  10. </script>
复制代码

设置倍速代码如下：

  1. <div id="player"></div>
  2. <script src="//player.polyv.net/script/player.js"></script>
  3. <script>
  4. var player = polyvPlayer({
  5. wrap: '#player',
  6. width: 800,
  7. height: 533,
  8. speed：[2, 1.5, 1.2, 0.5], //倍速播放参数设定值
  9. vid: 'e785b2c81c9e018296671a1287e99615_e',
  10. });
  11. </script>
复制代码

到此这篇关于Html5播放器实现倍速播放的方法示例的文章就介绍到这了,更多相关Html5倍速播放内容请搜索源码论坛以前的文章或继续浏览下面的相关文章，希望大家以后多多支持源码论坛！





欢迎光临 源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/) Powered by Discuz! X3.3