跳至主要內容

DPlayer 弹幕

MonoLogueChi小于 1 分钟

介绍

适合 DPlayer 使用的弹幕

API V3

DPlayer 弹幕

API

  • /api/dplayer/

示例

  • https://danmu.u2sb.com/api/dplayer/

解析 BiliBili 弹幕

解释

  • id aid 或 bvid,例如 av810872BV18b411j72u
  • p 分 P,例如 1 2,省略时默认为 1

API

  • /api/dplayer/v3/bilibili/{id}/{p:int?}
  • /api/dplayer/v3/bilibili/danmu/?bvid={id}&p={p}

示例

  • https://danmu.u2sb.com/api/dplayer/v3/bilibili/BV18b411j72u
  • https://danmu.u2sb.com/api/dplayer/v3/bilibili/danmu/?bvid=BV18b411j72u

返回

{
  "code": 0,
  "data": [
    [12.544, 0, 16777215, "3600fffd", "来了"],
    [7.739, 0, 16777215, "5689bb4c", "第一,截图见证"],
    [30.225, 0, 16777215, "b21ea9d5", "国风真美!!!"],
    [25.077, 0, 16777215, "260d013c", "好像真的是第一"]
  ]
}

示例

点击查看
<div ref="dp"></div>
export default {
  mounted() {
    this.$nextTick(() => {
      import("dplayer").then(({ default: DPlayer }) => {
        this.dp = new DPlayer({
          container: this.$refs.dp,
          video: {
            url: "/assets/video/s_720.mp4",
            thumbnails: "/assets/video/thumbnails.jpg",
          },
          danmaku: {
            api: "https://danmu.u2sb.com/api/dplayer/",
            id: "cENuyhsT2rMOCohK",
            addition: [
              "https://danmu.u2sb.com/api/dplayer/v3/bilibili/BV1zt411t79A",
            ],
          },
        });
      });
    });
  },

  beforeUnmount() {
    this.dp.destroy();
  },
};

提示

一定要把 id 改掉,别 TM 傻逼呵呵的直接用我测试视频的 id 直接就写上去了,自己想办法随便生成一个随机字符串。