DPlayer的弹幕使用指南

DPlayer这个视频播放库还是挺好用的，要显示弹幕，需要用到接口。可查看官网文档

const dp= new Dplayer({
　　container:document.getElementById('videoBox'),
　　danmaku: {
　　　　id: 'abc',//必填，视频id, 用于下面api请求时使用
　　　　api: 'https://api.prprpr.me/dplayer',//必填，叫后台提供
　　　　addition: ['https://dplayer.alone88.cn/v3/bilibili?aid=BV1BZ4y1w77m&cid=313938332'],//可选，额外的弹幕,这里是引用了B站具体视频中的弹幕，把aid,cid替换就行
　　　　user: 'DIYgod',//弹幕作者
　　　　bottom: '15%',
　　　　unlimited: true,
　　},
})

如果视频要像bilibili那样，在视频播放过程中显示对应弹幕，只要像上面设置好api即可，页面加载时，会自动请求接口，有数据后弹幕会自动加载出来的，不支持使用本地数据。

注意：api请求时，路径会自动添加v3，接口也加上v3即可。如果想去掉，不能使用import Dplayer from 'dplayer'方式，要下载下来，用传统script标签引入，然后自己修改源码。

https://api.prprpr.me/dplayer/v3?id=abc

如上面所写，api写了会自动请求数据1，addition写了又会去请求对应数据2，那么视频中弹幕信息就是包含了数据1和数据2的。

测试时，你可以用https://dplayer.alone88.cn/v3/bilibili?aid=BV1BZ4y1w77m&cid=313938332，其中aid是B站视频的id，cid是弹幕id

 

 

正常来说，我们使用api那个就可以了。弹幕返回格式要求如下：

 {
    code:0,//成功
    data:[
        [20.188,0,16777215,'小明','好家伙，我直接好家伙'],
        [1.188,0,16777215,'小华','好，我知道']
    ]
 }

数组元素对应信息：时间（秒），0，字体颜色，作者，弹幕内容； 其中坐标1的值没搞清楚是什么意思，值好像多数是0，也可以是1，个人猜是0显示1不显示？

上面数据表示有2条弹幕信息。弹幕条数不需要按时间排序，如上，第1.188秒在后面也是没关系的.