user
bilibili工具箱增加了在线直接播放的功能

如题。其实还可以发弹幕。。。可以选择发到我自己的弹幕服务器,或者 b 站的服务器。但是我太懒了,而且觉得这个功能没有什么卵用。就只完成了单项的功能 —— 显示来自 B 站服务器的弹幕。

主要实现就是靠 dplayer 这个工具,然后我自己主要就是 debug,和 vue 一起好好配合。主要不想用 vue-dplayer,(有精神洁癖),版本太老。就还是用原本的来。

早上找了一天什么视频 403 错误,后来发现原来是 referer 的关系,就马上解决了。但是这个 referer 感觉不是很常规,很奇幻的感觉,不知道 B 站服务器那边怎么设置的。

然后就是弹幕的部分了。dplayer 不能直接解析 B 站的 xml 弹幕文件,它需要一个 json 格式的弹幕文件。dplayer 的文档中也提供了一个解析 B 站弹幕的 API,但是我又自己写了一个(精神洁癖又来了)。主要感觉不是很难,确实,10 来分钟就写完了。

最后就逻辑上优化了一下。

主要就是找 API 和设置 referer,还有 vue 的 dom 渲染和 nginx 的配置上有一些坑。来看看效果,视频大小 762kb,请放心食用。

现已支持在线播放

微信小程序码
网站网页 介绍网页技术和有意思的网站
——
Total Comments(Loading)
New to Old
defaultimg
Input Your Information to Comment
Loading