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

晴和君 · 2018年12月31日 · 1.2K次阅读 · 预计需要2分钟

如题。其实还可以发弹幕。。。可以选择发到我自己的弹幕服务器,或者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,请放心食用。

现已支持在线播放
5分
绝妙的文章
null
腐朽的文章