之前讲到过如何在 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.com/api/dplayer/；
• null_5为添加额外的弹幕源，可选，例如：https://angustar.com/api/dplayer/v3/bilibili?aid=av504692008&cid=384959512。

为了方便使用，我基于 Oracle Cloud 自建了弹幕 API 接口，免费开放给大家使用，即上文提到的https://angustar.com/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.com/api/dplayer/","addition": ["https://angustar.com/api/dplayer/v3/bilibili?aid=av504692008&cid=384959512"]}}'/></div>

版权属于：Angus

本文链接：https://blog.angustar.com/archives/insert-bullet-screen-comments-to-dplayer.html

所有原创文章采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。 您可以自由的转载和修改，但请务必注明文章来源并且不可用于商业目的。