之前讲到过如何在 Typecho 的评论区中插入 DPlayer 播放器:

但这样的方法是没有办法插入弹幕的,正好最近我有在文章和评论区中添加弹幕的打算,就一起研究了一下。

为了添加弹幕,不论文章还是评论区,都可以使用以下代码:

<div class="dplayer" data-config='{"video":{"url":"null_1","pic":"null_2"},"danmaku":{"id":"null_3","api":"null_4","addition": ["null_5"]}}'/></div>

其中:

  • null_1为视频地址,例如https://pan.angustar.com/api?path=/%F0%9F%8D%95%20Video/AV504692008.mp4&raw=true
  • null_2为封面地址,例如:https://blog.angustar.com/usr/uploads/time/612671a391460.jpg
  • null_3为弹幕 id,一般可以使用视频地址的32位 MD5 码,例如:2779e3b7c71be93b8103aef6985fbdd0
  • null_4为弹幕 API 接口,例如:https://angustar.tech/api/dplayer/
  • null_5为添加额外的弹幕源,可选,例如:https://angustar.tech/api/dplayer/v3/bilibili?aid=av504692008&cid=384959512

为了方便使用,我基于 Oracle Cloud 自建了弹幕 API 接口,免费开放给大家使用,即上文提到的https://angustar.tech/api/dplayer/,另外还有两个不错的弹幕 API 接口也一并分享出来,分别是 Rats 大佬的https://dplayer.moerats.com/和 Alone88 大佬的https://dplayer.alone88.cn/(注意结尾的/不能省略)。

示例:在文章/评论区添加包含弹幕的视频

<div class="dplayer" data-config='{"video":{"url":"https://pan.angustar.com/api?path=/%F0%9F%8D%95%20Video/AV504692008.mp4&raw=true","pic":"https://blog.angustar.com/usr/uploads/time/612671a391460.jpg"},"danmaku":{"id":"2779e3b7c71be93b8103aef6985fbdd0","api":"https://angustar.tech/api/dplayer/","addition": ["https://angustar.tech/api/dplayer/v3/bilibili?aid=av504692008&cid=384959512"]}}'/></div>
最后修改:2021 年 08 月 31 日
如果觉得我的文章对你有用,请随意赞赏