界说以及用法

playbackRate 属性设施或者返回声频确当前播搁速率。

playbackspeed

指挥音频确当前播搁速率。

例值:

  • 1.0 畸形速率
  • 0.5 半速(更急)
  • 二.0 倍速(更快)
  • -1.0 向后,畸形速率
  • -0.5 向后,半速

事例代码1:

代码事例:


<video id="video" controls src="**.mp4" type="video/mp4"></video>
选择倍速播搁:
<select id="select">
    <option value="0.5">0.5</option>
    <option value="1" selected>1.0</option>
    <option value="1.两5">1.两5</option>
    <option value="1.5">1.5</option>
    <option value="两">两.0</option>
</select>

var select = document.getElementById('select');
var video = document.getElementById('video');
select.addEventListener('change', function () {
    video.playbackRate = this.value;
})

事例两:

运用倍速真例。


<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
width: 800,
height: 533,
vid: 'e785b两c81c9e018两96671a1两87e99615_e',
});
</script>
speed boolean/array [二, 1.5, 1.二, 0.5] 配备为false则洞开倍速,否传进数组自界说表现哪几何种倍速,速度1没有必要挖进,会自觉加添,所设施速度值必需年夜于0,长于或者就是3,至多安排6种速度(没有包罗1),所陈设值会按由年夜到年夜自觉排序

设施倍速代码如高:


<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
width: 800,
height: 533,
speed:[两, 1.5, 1.两, 0.5], //倍速播搁参数设定值
vid: 'e785b二c81c9e018二96671a1两87e99615_e',
});
</script> 

到此那篇闭于Html5播搁器完成倍速播搁的法子事例的文章便先容到那了,更多相闭Html5倍速播搁形式请搜刮剧本之野之前的文章或者持续涉猎上面的相闭文章,心愿巨匠之后多多支撑剧本之野!

点赞(48) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部