一款可随意调节百度网盘在线播放视频速度的谷歌浏览器插件。
图 版本V1.0.2
最近一直在看百度云盘上的网课,当想倍速播放的时候却发现没有这个功能。然后就在网上找到了一段可以调整播放速度的 JS 代码。
//调整播放速度为 1.5xvideojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(1.5)
将这段代码拷贝到浏览器的 Console 中按下回车键确实可以使用。但是当我用了两次之后就发现,实在受不了这种重复而且相当不灵活的操作。还有一个问题是计算机相关专业的大多数同学会使用这种办法,但是应该还有很大一部分同学并不知道怎么用。然后我就考虑自己做个谷歌浏览器插件来灵活的调节播放速度,不但可以方便自己也能够方便他人。尽管我当时还不知道浏览器插件的工作机制,但是看到各种各样的插件都实现了相当复杂的功能后,我认为技术上应该是可以的。那么接下来就要找谷歌浏览器插件开发文档去学习了。
一个半小时后做出来了特别low的 V1.0.1 版本,下面红框中的部分为插件面板。
图 版本V1.0.1
现在是可以用了,但是有轻微强迫症的我想再完善一下。从产品体验上来说这一版本是很差劲的,因为调节一次速度既需要键盘又需要鼠标。一个好的产品使用起来怎么可能这么麻烦,能一只手完成的事情绝不用两只手来做。
又半个小时后,V1.0.2 出来了,下面是视频演示(视频大约9M,有声音)
(视频无法添加,观看请点击这里 )
为插件面板上的进度条绑定事件,当滑动时将数值传递给后台的 controlVideo.js 文件.然后将数值与上述关键代码拼接后插入到当前页面中,视频播放速度就会相应变化。当然还有许多细节方面的处理,包括当再次打开插件面板时会将当前视频播放速度的大小体现在进度条上等。
(注:有想自己做插件的同学可以把这款插件当作Demo,不是因为代码写的有多好,而是程序中用到的方法应该适用于大多数简单插件的开发。)
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。