使用Docker搭建DPlayer视频弹幕接口API后端[DPlayer视频弹幕搭建教程]

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

使用Docker搭建DPlayer视频弹幕接口API后端[DPlayer视频弹幕搭建教程]

原文地址:https://www.moerats.com/archives/838/

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

简介

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

安装

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

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

1、安装Docker

  1. #CentOS 6
  2. rpm -iUvh http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm
  3. yum update -y
  4. yum -y install docker-io
  5. service docker start
  6. chkconfig docker on
  7. #CentOS 7、Debian、Ubuntu
  8. curl -sSL https://get.docker.com/ | sh
  9. systemctl start docker
  10. systemctl enable docker

2、安装Docker Compose

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

3、运行镜像
安装git

  1. #Debian、Ubuntu系统
  2. apt install git -y
  3. #CentOS系统
  4. yum install -y git

再使用命令:

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

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

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

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

改完后再新建镜像即可,如果你已经新建镜像了,但想改,那就清空之前的镜像再修改。

域名反代

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

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

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

2、Caddy反代
安装Caddy

  1. wget -N --no-check-certificate https://raw.githubusercontent.com/ToyoDAdoubiBackup/doubi/master/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh
  2. #备用地址
  3. 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

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

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

启动Caddy

  1. /etc/init.d/caddy start

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

使用

作者提供了很多插件,这里列举一点:

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

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

  1. <link href="https://www.moerats.com/usr/dplayer/DPlayer.min.css" rel="stylesheet">
  2. <div id="dplayer"></div>
  3. <script src="https://www.moerats.com/usr/dplayer/DPlayer.min.js"></script>
  4. <script src="https://cdnjs.loli.net/ajax/libs/blueimp-md5/2.10.0/js/md5.min.js"></script>
  5. <script>
  6. var url="https://www.moerats.com/xx.mp4"; //这里填写视频地址
  7. var id=md5(url);
  8. const dp = new DPlayer({
  9. container: document.getElementById('dplayer'),
  10. video: {
  11. url: url
  12. },
  13. danmaku: {
  14. id: id,
  15. api: 'https://dplayer.moerats.com/' //这里填写弹幕地址
  16. }
  17. });
  18. </script>

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

  1. #特殊原因,不得已才加上o,使用的时候记得去掉
  2. o!!!
  3. 代码
  4. o!!!

演示

  1. 博主知道有人懒搭建的,所以这里提供个弹幕API地址:https://dplayer.moerats.com/。
好了,可以在视频里发彩色弹幕了,如果该视频播放器不显示的话,刷新一下就行了。
建站教程

使用Haproxy轻松解决SMTP发信服务器源IP暴露问题[建站教程]

2020-5-9 15:52:26

建站教程

怎么在网页中调用Font Awesome图标?[建站教程]

2020-6-2 17:52:57

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索