浏览器中如何让视频倍速播放

浏览器中视频免费倍速播放


此篇教程只针对于某盘网页版,浏览器为Edge

1.打开Edge的扩展页面

image-20220703160244227

2.安装global speed +

image-20220703160405168

image-20220703161434312

3.安装tampermonkey beta

image-20220703160512184

这里可以让它展示出来

image-20220703160550697

4.打开tampermonkey

点击用户脚本

image-20220703160907685

进入greasyfork

image-20220703161011395

5.安装某盘视频播放器脚本

image-20220703161200022

image-20220703161332090

6.打开播放链接

出现这个证明安装成功,然后我们就可以调节视频播放速度了

image-20220703161603975

在Vue 3中使用EasyPlayer.js播放视频,并添加一个按钮点击后使视频以4倍速播放,可以按照以下步骤进行: 1. **安装EasyPlayer.js**:首先,确保你已经安装了EasyPlayer.js。如果没有安装,可以使用npm或yarn进行安装。 ```bash npm install easy-player --save # 或者 yarn add easy-player ``` 2. **在Vue组件中引入并使用EasyPlayer.js**: ```vue <template> <div> <easy-player :src="videoSrc" :muted="muted" :autoplay="autoplay" :controls="controls" ref="player"></easy-player> <button @click="setPlaybackRate">4倍速播放</button> </div> </template> <script> import { defineComponent, ref } from 'vue'; import EasyPlayer from 'easy-player'; export default defineComponent({ components: { EasyPlayer }, setup() { const player = ref(null); const videoSrc = 'your-video-source.mp4'; const muted = false; const autoplay = false; const controls = true; const setPlaybackRate = () => { if (player.value) { player.value.player.playbackRate = 4; } }; return { player, videoSrc, muted, autoplay, controls, setPlaybackRate }; } }); </script> <style scoped> button { margin-top: 10px; } </style> ``` 在这个示例中,我们首先在模板中添加了一个`easy-player`组件,并传递了视频源和其他必要的属性。然后,我们添加了一个按钮,并绑定了`setPlaybackRate`方法。 在`setup`函数中,我们使用`ref`来创建一个引用`player`,并定义了一些基本的属性,如视频源、是否静音、是否自动播放和是否显示控制栏。 `setPlaybackRate`方法通过访问`player.value.player.playbackRate`属性来设置视频播放速度为4倍速
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值