使用Docker搭建DPlayer视频弹幕接口API后端

说明：之前有同学要求博主出个DPlayer弹幕后端搭建教程，刚好本博客的Handsome主题更新并完美适配了Dplayer，然后就研究了下，发现了点小问题，如作者提供的弹幕API加载不出弹幕，而且Typecho当中的Dplayer插件有点旧无法对接V3后端，不知道其它程序插件是不是这样，这里博主只能使用HTML代码直接输出调用，经测试已完全正常加载弹幕和观看。这里就说下搭建及使用方法。

【2020.10.3】
弹幕api接口已修复，长期可用，https://dplayer.moerats.com，如出现问题留言即可。

【2020.10.27】
由于有些人不太喜欢Docker搭建，所以下面补齐CentOS、Debian、Ubuntu手动搭建教程。

简介

DPlayer是一个支持弹幕的HTML5视频播放器。支持Bilibili视频和danmaku，支持HLS、FLV、MPEG DASH、WebTorrent以及其他视频格式，支持截屏、热键、切换清晰度以及字幕等。

安装

作者提供的弹幕后端搭建方法挺多的，这里选择一个搭建最快，版本最新的一种。

Github地址：https://github.com/MoePlayer/DPlayer-node

Docker安装

1、安装Docker

#CentOS 6
rpm -iUvh http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm
yum update -y
yum -y install docker-io
service docker start
chkconfig docker on

#CentOS 7、Debian、Ubuntu
curl -sSL https://get.docker.com/ | sh
systemctl start docker
systemctl enable docker

2、安装Docker Compose

curl -L https://github.com/docker/compose/releases/download/1.17.0/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose
chmod +x /usr/local/bin/docker-compose

3、运行镜像
安装git：

#Debian、Ubuntu系统
apt install git -y

#CentOS系统
yum install -y git

再使用命令：

#拉取源码
git clone https://github.com/MoePlayer/DPlayer-node.git
cd DPlayer-node
#新建镜像
docker-compose build
#拉取其它镜像并后台运行
docker-compose up -d

此时api地址为http://ip:1207，数据和日志存放在/root/dplayer文件夹。

当然如果你想其它端口，或者修改存放文件夹路径，那你在上面的新建镜像之前，作出如下操作：

#编辑DPlayer-node文件夹的docker-compose.yml文件，部分修改如下
mongo:
  volumes:
      - ~/dplayer/db:/data/db  #数据库存放文件夹，~/dplayer/db为映射在外部的路径，自行修改，
web:
  ports:
    - 1207:1207  #api映射到外部的端口，将前面的1207修改成你想要的即可
  volumes:
    - ~/dplayer/logs:/usr/src/app/logs  #同数据库操作
    - ~/dplayer/pm2logs:/root/.pm2/logs  #同上

改完后再新建镜像即可，如果你已经新建镜像了，但想改，那就清空之前的镜像再修改，方法参考→传送门。

CentOS安装

提示：教程适用于CentOS 7、8系统。

1、安装NodeJS

curl -sL https://rpm.nodesource.com/setup_10.x | bash -
yum install nodejs git -y

2、安装Mongodb

#将下面命令一起复制进SSH客户端运行
cat <<EOF > /etc/yum.repos.d/mongodb.repo
[mongodb-org-4.0]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/7/mongodb-org/4.0/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-4.0.asc
EOF
#安装mongodb
yum -y install mongodb-org
systemctl start mongod
systemctl enable mongod

3、安装Redis

#CentOS 7系统
yum install epel-release -y
yum install redis -y
systemctl start redis
systemctl enable redis

#CentOS 8系统
yum install redis -y
systemctl start redis
systemctl enable redis

4、安装弹幕服务器

#拉取源码
git clone https://github.com/MoePlayer/DPlayer-node.git
cd DPlayer-node
npm i
npm i -g pm2
pm2 start index.js --name danmuapi

此时api地址为http://ip:1207。

Debian安装

提示：教程适用于Debian 8、9、10系统。

1、安装NodeJS

curl -sL https://deb.nodesource.com/setup_10.x | bash -
apt install -y git nodejs

2、安装Mongodb

#Debian 8系统
wget -qO - https://www.mongodb.org/static/pgp/server-4.0.asc | apt-key add -
echo "deb http://repo.mongodb.org/apt/debian jessie/mongodb-org/4.0 main" | tee /etc/apt/sources.list.d/mongodb-org-4.0.list
apt update -y
apt -y install mongodb-org
systemctl start mongod
systemctl enable mongod

#Debian 9系统
wget -qO - https://www.mongodb.org/static/pgp/server-4.0.asc | apt-key add -
echo "deb http://repo.mongodb.org/apt/debian stretch/mongodb-org/4.0 main" | tee /etc/apt/sources.list.d/mongodb-org-4.0.list
apt update -y
apt -y install mongodb-org
systemctl start mongod
systemctl enable mongod

#Debian 10系统
wget -qO - https://www.mongodb.org/static/pgp/server-4.2.asc | apt-key add -
echo "deb http://repo.mongodb.org/apt/debian buster/mongodb-org/4.2 main" | tee /etc/apt/sources.list.d/mongodb-org-4.2.list
apt update -y
apt -y install mongodb-org
systemctl start mongod
systemctl enable mongod

3、安装Redis

apt install redis-server -y

4、安装弹幕服务器

#拉取源码
git clone https://github.com/MoePlayer/DPlayer-node.git
cd DPlayer-node
npm i
npm i -g pm2
pm2 start index.js --name danmuapi

此时api地址为http://ip:1207。

Ubuntu安装

提示：教程适用于Ubuntu 16.04、18.04、20.04系统。

1、安装NodeJS

curl -sL https://deb.nodesource.com/setup_10.x | bash -
apt install -y git nodejs

2、安装Mongodb

#Ubuntu 16.04系统
wget -qO - https://www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
apt update -y
apt install -y mongodb-org
systemctl start mongod
systemctl enable mongod

#Ubuntu 18.04系统
wget -qO - https://www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu bionic/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
apt update -y
apt install -y mongodb-org
systemctl start mongod
systemctl enable mongod

#Ubuntu 20.04系统
wget -qO - https://www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add -
echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
apt update -y
apt install -y mongodb-org
systemctl start mongod
systemctl enable mongod

3、安装Redis

apt install redis-server -y

4、安装弹幕服务器

#拉取源码
git clone https://github.com/MoePlayer/DPlayer-node.git
cd DPlayer-node
npm i
npm i -g pm2
pm2 start index.js --name danmuapi

此时api地址为http://ip:1207。

域名反代

如果你的博客已经开启了https访问，那api也需要https地址，所以只使用ip:端口是不行的，这里就需要使用域名反代了。博主喜欢Caddy，所以这里说下宝塔和Caddy反代，其它一键环境的建议看官方文档或自行搜索。

如果你服务器没有安装Nginx/Apache的，可以用下Caddy，很方便很快，记得提前将域名解析到服务器。

1、宝塔反代
先进入宝塔面板，然后点击左侧网站，添加站点，然后再点击添加好了的域名名称，这时候就进入了站点配置，点击反向代理，目标URL填入http://127.0.0.1:1207，再启用反向代理即可。至于启用SSL就不说了，直接在站点配置就可以看到。

2、Caddy反代
安装Caddy：

wget -N --no-check-certificate https://raw.githubusercontent.com/iiiiiii1/doubi/master/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh
#备用地址
wget -N --no-check-certificate https://www.moerats.com/usr/shell/Caddy/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh

配置Caddy：

#以下全部内容是一个整体，请修改域名后一起复制到SSH运行！
echo "xx.com {
 tls admin@moerats.com
 proxy / http://127.0.0.1:1207
}" > /usr/local/caddy/Caddyfile

tls参数会自动帮你签发ssl证书，如果你要使用自己的ssl，改为tls /root/xx.crt /root/xx.key即可。后面为ssl证书路径。

启动Caddy：

/etc/init.d/caddy start

反代好了后，你的API地址就为https://xx.com。

使用

作者提供了很多插件，这里列举一点：

Typecho：https://github.com/volio/DPlayer-for-typecho
Hexo：https://github.com/NextMoe/hexo-tag-dplayer
Z-Blog：https://github.com/fghrsh/DPlayer_for_Z-BlogPHP
Discuz!：https://coding.net/u/Click_04/p/video/git
WordPress：https://github.com/BlueCocoa/DPlayer-WordPress

不过Typecho插件暂时用不了，其它程序暂时不清楚，所以这里提供一个播放器的HTML代码，代码如下：

<link href="https://www.moerats.com/usr/dplayer/DPlayer.min.css" rel="stylesheet">
<div id="dplayer"></div>
<script src="https://www.moerats.com/usr/dplayer/DPlayer.min.js"></script>
<script src="https://cdnjs.loli.net/ajax/libs/blueimp-md5/2.10.0/js/md5.min.js"></script>
<script>
var url="https://www.moerats.com/xx.mp4";    //这里填写视频地址
var id=md5(url);
const dp = new DPlayer({
    container: document.getElementById('dplayer'),
    video: {
        url: url
  },
  danmaku: {
        id: id,
        api: 'https://dplayer.moerats.com/'    //这里填写弹幕地址
    }
});
</script>

直接将代码贴进文章里即可，如果在Typecho开发版中使用不正常的话，可能还需要用两排!!!将代码上下围住使其强制输出，比如：

#特殊原因，不得已才加上o，使用的时候记得去掉
o!!!
代码
o!!!

还有更多功能及使用方法可以查看→传送门。

演示

博主知道有人懒搭建的，所以这里提供个弹幕API地址：https://dplayer.moerats.com/。

好了，可以在视频里发彩色弹幕了，如果该视频播放器不显示的话，刷新一下就行了。

发表评论取消回复

评论 *

私密评论

名称 *

邮箱 *

地址

245 条评论

gakki酱
March 24th, 2019 at 10:16 am

弹幕接口，not found了，呜呜呜~~~

回复
1. Rat's博主
  March 24th, 2019 at 10:35 am
  
  @gakki酱
  我提供的？接口404不是很正常吗，加点东西就有显示了
  
  回复
  1. gakki酱
    March 24th, 2019 at 10:53 am
    
    @Rat's
    大佬，怎么用呀？小白不太懂~~~
    
    回复
    
    Rat's博主
    March 24th, 2019 at 06:51 pm
    
    @gakki酱
    这篇文章我只说了个基础，更多的用法可以看下官方文档，http://dplayer.js.org/#/zh-Hans/
    
    回复
    
    gakki酱
    March 26th, 2019 at 05:15 pm
    
    @Rat's
    大佬，弹幕接口出现Access-Control-Allow-Origin，这是什么原因？
    
    回复
    
    Rat's博主
    March 26th, 2019 at 06:32 pm
    
    @gakki酱
    这是防跨域的问题，用一个二级域名反代下看看
    
    回复
    
    gakki酱
    March 26th, 2019 at 06:59 pm
    
    @Rat's
    我发现，博主的也是这个问题，以为没有问题，哈哈
    
    回复
    
    Rat's博主
    March 26th, 2019 at 08:27 pm
    
    @gakki酱
    刚我的弹幕挂了，现在好了
    
    回复
蜀韵文学
March 10th, 2019 at 10:02 am

安装了打开宝塔文件管理都没有看见DPlaye这个文件夹！

回复
1. Rat's博主
  March 10th, 2019 at 12:41 pm
  
  @蜀韵文学
  问题说具体点，你是说的DPlayer-node？给个命令你查找，find / -name DPlayer-node
  
  回复
dan
March 8th, 2019 at 05:05 pm

安装出错了

回复
1. Rat's博主
  March 8th, 2019 at 05:55 pm
  
  @dan
  把你的截图删了，太大了，那种不是报错，是警告，正常现象
  
  回复
长远
March 5th, 2019 at 03:00 pm

宝塔有安装教程没老哥

回复
1. Rat's博主
  March 5th, 2019 at 08:56 pm
  
  @长远
  这个可以用宝塔的
  
  回复
coder-xsy
February 21st, 2019 at 05:09 pm

博主，我通过开发者工具看你这个视频中的请求https://dplayer.moerats.com/v3/?id=183f6653124c13ca6b924d021c233f52
上面这个链接应该就是你视频播放的时候的请求的视频所包含的字幕，响应的数据中包含了该视频包含的所有的弹幕，但是那个数据还有其他的内容我不太明白，这是其中一个弹幕对应的数据：[1.085544, 0, 16777215, "DIYgod", "测试一下。"]这个数据中的第2、3个数据不太明白是什么意思，还请指教一下

回复
1. Rat's博主
  February 21st, 2019 at 11:16 pm
  
  @coder-xsy
  其实我也不是很清楚，只知道DIYgod是作者的id
  
  回复
cialis canadian pharmacy
February 14th, 2019 at 06:25 am

You mentioned that wonderfully!

回复
zengrong
January 27th, 2019 at 10:07 pm

发送失败是因为我重启了服务器，重启服务器是不是就要再次拉取镜像再运行一次？？？

回复
1. Rat's博主
  January 27th, 2019 at 10:38 pm
  
  @zengrong
  按照原文件启动参数来说，是这样的，重启就需要重新运行一下docker-compose up -d
  
  回复
  1. zengrong
    February 1st, 2019 at 01:30 pm
    
    @Rat's
    你好，我又来了，我发现在IE下，一直显示“弹幕加载中” 这个有办法解决吗？
    
    回复
    
    Rat's博主
    February 1st, 2019 at 03:47 pm
    
    @zengrong
    别用ie。
    
    回复
  2. zengrong
    January 27th, 2019 at 11:49 pm
    
    @Rat's
    好的，谢谢了。
    
    回复
zengrong
January 27th, 2019 at 09:28 pm

还有一个问题，就是手机端提示发送失败。但是视频上又显示。但是刷新自己看不到。

回复
zengrong
January 27th, 2019 at 07:38 pm

请问这个弹幕滚动速度有办法吗？感觉滚动好快啊，能稍微慢一点点吗？怎么改？

回复
1. Rat's博主
  January 27th, 2019 at 10:26 pm
  
  @zengrong
  速度貌似改不了，和播放同步的吧
  
  回复
  1. zengrong
    January 27th, 2019 at 10:31 pm
    
    @Rat's
    请问这个是不是服务器重启后，就要重新拉取镜像再运行一次？？
    
    回复
    
    Rat's博主
    January 27th, 2019 at 10:47 pm
    
    @zengrong
    是的。
    
    回复
zengrong
January 27th, 2019 at 05:05 pm

dplayernode_mongo_1 is up-to-date
Starting dplayernode_redis_1 ...
Starting dplayernode_redis_1 ... error
ERROR: for dplayernode_redis_1 Cannot start service redis: driver failed programming external connectivity on endpoint dplayernode_redis_1 (8c334d98d1ef338eb97dd04779c366040ad6d5d6b5f39865b630ad0806020298): Error starting userland proxy: listen tcp 0.0.0.0:6379: bind: address already in use
ERROR: for redis Cannot start service redis: driver failed programming external connectivity on endpoint dplayernode_redis_1 (8c334d98d1ef338eb97dd04779c366040ad6d5d6b5f39865b630ad0806020298): Errorstarting userland proxy: listen tcp 0.0.0.0:6379: bind: address already in use
ERROR: Encountered errors while bringing up the project.
请问在docker-compose up -d的时候提示这个是怎么回事？？？

回复
1. zengrong
  January 27th, 2019 at 05:53 pm
  
  @zengrong
  你好，已经解决了。停止redis 就可以了。
  
  回复