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

相关推荐
乖女子@@@3 分钟前
React笔记_组件之间进行数据传递
javascript·笔记·react.js
F2E_Zhangmo18 分钟前
基于cornerstone3D的dicom影像浏览器 第二章 加载本地文件夹中的dicom文件并归档
前端·javascript·css
念念不忘 必有回响24 分钟前
js设计模式-装饰器模式
javascript·设计模式·装饰器模式
用户214118326360234 分钟前
Nano Banana免费方案来了!Docker 一键部署 + 魔搭即开即用,小白也能玩转 AI 图像编辑
前端
weixin_5841214338 分钟前
vue3+ts导出PDF
javascript·vue.js·pdf
Zacks_xdc1 小时前
【前端】使用Vercel部署前端项目,api转发到后端服务器
运维·服务器·前端·安全·react.js
给月亮点灯|1 小时前
Vue基础知识-脚手架开发-使用Axios发送异步请求+代理服务器解决前后端分离项目的跨域问题
前端·javascript·vue.js
叫我阿柒啊1 小时前
从Java全栈到前端框架:一次真实的面试对话与技术解析
java·javascript·typescript·vue·springboot·react·前端开发
HashData酷克数据1 小时前
官宣:Apache Cloudberry (Incubating) 2.0.0 发布!
数据库·开源·apache·cloudberry
张迅之2 小时前
【React】Ant Design 5.x 实现tabs圆角及反圆角效果
前端·react.js·ant-design