说明:之前有同学要求博主出个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/。
好了,可以在视频里发彩色弹幕了,如果该视频播放器不显示的话,刷新一下就行了。
大佬,改怎么把B站的弹幕放进自己的池子,外挂bilibili弹幕
可以看下官方文档,具体地址:http://dplayer.js.org/zh/guide.html#bilibili-%E5%BC%B9%E5%B9%95
那个指南里面外挂bilibili弹幕API挂掉了,怎么搭建这个拉b站的弹幕的API怎么实现貌似没有教程,普通的弹幕用的博主大佬的API
弹幕api就是这篇文章方法搭建的
服务器小白表示看不懂咋安装额,用的宝塔,能否求教下宝塔如何搭建这个API额,目前使用的博主大大的API调用
直接在宝塔操作,把caddy反代换成nginx反代就可以了,或者直接用我的api,屹立不倒。
搭建好麻烦啊,我直接用php+mysql写个后端,很简单啊
可以出售的话联系qq10077847
写的后端怎么样,好用吗,好用的话给我份吧,有偿收购一份用,这个真看不懂
docker不麻烦啊,也就是看起来麻烦而已
docker-compose 下载好慢啊,有什么办法解决!!!!
国内机器吗?换个docker源看看
是啊,国内机,有没有好的docker源呢,或者出个国内安装的教程。
看这个教程:https://blog.csdn.net/jixuju/article/details/80158493
搭建好了,重启后也能自动运行了(使用了docker update --restart=always <CONTAINER ID>)。但是重启后日志有报错如下:
{"errno":"ECONNREFUSED","code":"ECONNREFUSED","syscall":"connect","address":"172.18.0.2","port":6379,"level":"error","message":"Redis error: "}
{"errno":"ENOTFOUND","code":"ENOTFOUND","syscall":"getaddrinfo","hostname":"redis","host":"redis","port":6379,"level":"error","message":"Redis error: "}
{"errno":"ENOTFOUND","code":"ENOTFOUND","syscall":"getaddrinfo","hostname":"redis","host":"redis","port":6379,"level":"error","message":"Redis error: "}
{"errno":"ENOTFOUND","code":"ENOTFOUND","syscall":"getaddrinfo","hostname":"redis","host":"redis","port":6379,"level":"error","message":"Redis error: "}
{"errno":"ENOTFOUND","code":"ENOTFOUND","syscall":"getaddrinfo","hostname":"redis","host":"redis","port":6379,"level":"error","message":"Redis error: "}
{"errno":"ENOTFOUND","code":"ENOTFOUND","syscall":"getaddrinfo","hostname":"redis","host":"redis","port":6379,"level":"error","message":"Redis error: "}
好像已经搭建成功了,但是重启服务器之后好像不会自动运行,应该怎么设置呢?
我是安装Docker Compose的时候卡住,换源有用吗?
博主,弹幕api的ssl过期啦,麻烦续一下
已续。
博主,给dplayer写了个WordPress插件,弹幕api用的是你的,没事吧?
https://github.com/GreatSatan79/Selection
厉害,没事,这个api会长期存在。
大佬实在是太牛批了
老哥 我用caddy 反带成功后 还是不能用我的域名访问 但我用 ip:1207的方式是可以访问的
看下caddy启动日志,命令:tail -f /tmp/caddy.log
我查了下发现它要我用域名加2015 访问 我怎么才能改成443 端口
参考这个文章,在中间加tls一行代码就行了,https://www.moerats.com/archives/945/
博主 你提供的接口GG了
我的锅,装了个redis,端口冲突,现在解决了
谢谢大佬解决了
在script中
var dp = new DPlayer({ element: document.getElementById('player1'), video: { url: 'css/jb.MP4', pic: 'css/bqb5.jpg' }, danmaku: { id: 'demo', api: 'https://dplayer.moerats.com/', addition: ['https://api.prprpr.me/dplayer/bilibili?aid=15572523'] } });console.log(" %c 该项目基于Dplayer.js",'color:red')
不是这个吗?大佬
不会用啊大佬,用了你的api借口但是说连接不成功 404
不会吧,你姿势不对,好多人用的这个api