首页 前端知识 用js代码控制视频播放速度

用js代码控制视频播放速度

2023-05-14 16:05:47 前端知识 前端哥 258 222 我要收藏

喜欢媒体已经从自定义插件(Flash…gross)到基本的HTML <video>和<audio>元素。</audio></video>例如,将这些媒体源看作是另一个元素可以让我们使用CSS过滤器来调整显示。用ffmpeg或插件做的事越少越好

我注意到很多视频网站都有调整视频播放速度的功能,如果你想更快地观看一些体育比赛的精彩片段,或者用超慢动作观看怪兽扣篮,这个功能非常棒。我希望它不需要一些特殊类型的服务器以更慢或更快的块发送文件,我是对的:你所需要的是playbackRate属性!

const video = document.querySelector("video");// Slow it to 50% speedvideo.playbackRate = 0.5;// Twice as fast!video.playbackRate = 2;// Back to normalvideo.playbackRate = 1;

小于1的数字会减慢视频速度,大于1的数字会加速,大于1的数字会恢复正常视频速度。还要注意的是,playbackRate不是一个HTML属性——它是一个属性。

调整播放速率并不是你想为所有视频网站做的事情,但如果你认为你的用户可能喜欢它,它只需要一个HTML元素属性!

转载请注明出处或者链接地址:https://www.qianduange.cn//article/84.html
评论
发布的文章

jQuery AJAX请求的统一封装

2024-02-01 12:02:53

jQuery知识学习

2024-02-01 12:02:53

JQuery——动画效果

2024-02-01 12:02:52

jQuery复习

2024-02-01 12:02:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!