因为懒得点鼠标,我给B站做了个语音助手

说在前面

最近在b站刷视频的时候,有时候懒得动手去点鼠标,所以就想着搞了个插件,可以解放双手,直接通过语音来操作页面控制视频播放。

语音指令

搜索xxxx

跳转到搜索页面并搜索xxxx,如"搜索羽毛球"则会跳转到以下页面

  • 指令示例:搜索羽毛球

页面跳转

下一页

如果有下一页,跳转到下一页

  • 指令示例:下一页

上一页

如果有上一页,跳转到上一页

  • 指令示例:上一页

第xxx页

有分页的情况下,可以指定跳转到第xxx页,比如第5页......

  • 指令示例:第5页

页面滚动

页面下拉

将页面往下滚动

  • 指令示例:下滚/下拉

页面上拉

将页面往上滚动

  • 指令示例:上滚/上拉

回到顶部

直接将页面往上滚到到顶部

  • 指令示例:回到顶部

选择视频播放

安装插件后,打开b站页面时会给页面上的视频加上编号,如下图,每个视频左上角都有一个编号。

想播放视频的时候直接说指令->"第xx个 "即可,比如:"第一个 "、"第十个"......则会播放对于编号的视频。

  • 指令示例:第十个

视频操作

视频暂停

页面在播放视频的时候可以通过语音指令来让视频暂停

  • 指令示例:暂停

视频播放

页面视频暂停的时候可以通过语音指令来让视频继续播放

  • 指令示例:播放

视频静音

页面在播放视频的时候可以通过语音指令来让视频静音播放静音或者取消静音。

  • 指令示例:静音

加大音量

每次指令可以给音量加大10%

  • 指令示例:大声点/音量加

降低音量

每次指令可以给音量降低10%

  • 指令示例:小声点/音量减

视频倍速控制

视频速度播放可选范围为 0.5 ~ 16,可以通过语音来调节视频播放速度

  • 视频加速

加速视频播放,每次加速0.5倍

  • 指令示例:加速
  • 视频减速

减速视频播放,每次减速0.5倍

  • 指令示例:减速
  • 恢复一倍速

恢复为正常一倍速播放

  • 指令示例:恢复

全屏

可以通过语音让播放视频切换全屏状态,由于浏览器限制,第一次进入全屏需要用户手动操作,后续可以通过语音指令来切换。

  • 指令示例:全屏

弹幕控制

开启弹幕

可以通过语音开启弹幕

  • 指令示例:开启弹幕

关闭弹幕

可以通过语音关闭弹幕

  • 指令示例:关闭弹幕

刷新页面

可以通过语音来刷新当前页面

  • 指令示例:刷新页面

插件使用

由于语音识别API限制,暂时只能在edge浏览器使用。目前初版已经上传到gitee,有兴趣的同学可以先使用试试,后面会继续优化更新。

插件源码

插件源码也已经上传到gitee,有兴趣的也可以到这里看看:gitee.com/zheng_yongt...


  • 🌟觉得有帮助的可以点个star~
  • 🖊有什么问题或错误可以指出,欢迎pr~
  • 📬有什么想要实现的功能或想法可以联系我~

插件安装

源码下载

直接下载一份源码到本地。

插件引入

打开edge扩展管理页面:edge://extensions/

选择 bilibiliVoiceAssistant 这个目录:

再打开B站刷新页面,就可以看到插件图标了,将插件图标选择固定显示

记得打开语音助手开关

然后你就有了一个b站语音助手了~

公众号

关注公众号『 前端也能这么有趣 』,获取更多有趣内容。

发送 加群 还可以加入群聊,一起来学习(摸鱼)吧~

说在后面

🎉 这里是 JYeontu,现在是一名前端工程师,有空会刷刷算法题,平时喜欢打羽毛球 🏸 ,平时也喜欢写些东西,既为自己记录 📋,也希望可以对大家有那么一丢丢的帮助,写的不好望多多谅解 🙇,写错的地方望指出,定会认真改进 😊,偶尔也会在自己的公众号『前端也能这么有趣』发一些比较有趣的文章,有兴趣的也可以关注下。在此谢谢大家的支持,我们下文再见 🙌。

相关推荐
机构师几秒前
<tauri><rust><GUI>基于rust和tauri,实现多窗口与窗口间通信
javascript·后端
忆柒3 分钟前
JavaScript 的默认行为
前端·javascript
天天扭码3 分钟前
零基础实现AlloyTeam官网轮播图(逐行代码解析)
前端·bootstrap·html
凌冰_6 分钟前
CSS 美化页面(二)
前端·css
2501_9090785916 分钟前
获取1688.item_password接口:解析淘口令真实URL
前端·python
uhakadotcom21 分钟前
StoreKit 2:苹果应用内购买的新时代
前端·面试·github
henujolly1 小时前
Axios核心原理
前端
计算机毕设定制辅导-无忧学长1 小时前
从入门到精通:HTML 项目实战中的学习进度(二)
前端·学习·html
好_快1 小时前
Lodash源码阅读-getAllKeys
前端·javascript·源码阅读
pixle01 小时前
Three.js 快速入门教程【二十】3D模型加载优化实战:使用gltf-pipeline与Draco对模型进行压缩,提高加载速度和流畅性
开发语言·javascript·3d·前端框架