经验分享

DPlayer弹幕播放器搭建教程(图文)

我的站长站 2023-05-26 人阅读

dplayer-node版本GitHub地址:https://github.com/MoePlayer/DPlayer-node,官方提供了部分安装方法,英文的,不会的接着看我的站长站的方法。

Docker安装

1、安装Docker

CentOS / Debian / Ubuntu 一键安装 Docker 的命令是一样的,都由 Docker 官方提供:

curl -sSL https://get.docker.com/ | sh

鉴于国内的网络问题,国内服务器可以用DaoCloud提供的dai理安装服务:

curl -sSL https://get.daocloud.io/docker | sh

2、安装Docker Compose

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

鉴于国内的网络问题,国内服务器可以用DaoCloud提供的dai理安装服务:

curl -L https://get.daocloud.io/docker/compose/releases/download/v2.13.0/docker-compose-`uname -s`-`uname -m` > /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
#重点来了,如果不作任何修改的话,直接运行镜像必定出错,因为镜像默认拉取mongo最新版,而DPlayer无法使用最新版的mongo数据库,所以这里我们要先修改一下。
vim docker-compose.yml
#编辑第五行image: mongo:latest为image: mongo:3.4.24#保存并退出,如果不会vim可以使用nano docker-compose.yml#然后执行接下来的步骤#新建镜像docker-compose builddocker-compose pull#拉取其它镜像并后台运行docker-compose up -d

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

域名反代

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

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

1、宝塔反代

先进入宝塔面板,然后点击左侧网站,添加站点,然后再点击添加好了的域名名称,这时候就进入了站点配置,点击反向dai理,目标URL填入http://127.0.0.1:1207,再启用反向dai理即可。至于启用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

配置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。

使用方法

安装完成,了播放器的调用HTML代码,代码如下:

<script src="https://cdn.bootcdn.net/ajax/libs/hls.js/1.2.3/hls.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/dplayer/1.27.0/DPlayer.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/blueimp-md5/2.19.0/js/md5.min.js"></script>
<script>
var url="https://www.wdzzz.com/xx.mp4";    //这里填写视频地址
var id=md5(url);
const dp = new DPlayer({
container: document.getElementById('dplayer'),
video: {
url: url
},
danmaku: {
id: id,
api: 'https://dplayer.wdzzz.com/'    //这里填写弹幕地址
}
});
document.getElementsByClassName('dplayer-video dplayer-video-current')[0].removeAttribute('crossorigin'); //跨域
</script>


相关推荐
  • 弹幕播放器
  • PHP视频弹幕播放器源码+后台
    PHP视频弹幕播放器源码+后台

    源码介绍PHP视频弹幕播放器源码,源码无加密,无后门,无授权1,支持画中画功能2,修复弹幕后台管理登录系统后门3,修复安装程序界面没有样式问题4,后台登录支持输出账号与密码了,更改用户名与密码请修改dmku...

    php源码 45 5个月前
  • DPlayer弹幕播放器搭建教程(图文)

    DPlayer-node版本Github地址:https://github.com/MoePlayer/DPlayer-node,官方提供了部分安装方法,英文的,不会的接着看我的站长站的方法。Docker安装1、安装DockerCentOS / Debian / Ubuntu 一键安装 Docker 的命令是一样的,都由 Docker 官方提供:curl -s...

    经验分享 117 8个月前
  • 苹果CMSV10弹幕播放器插件 记忆功能+m3u8+MP4
    苹果CMSV10弹幕播放器插件 记忆功能+m3u8+MP4

    插件说明由于之前破解版的功能各种不好使,现在更新了最新版支持自动下一集 带记忆播放 弹幕等简单的功能播放器只支持m3u8和MP4视频链接播放有效,其他格式的没有添加组件,会玩的可以自己二次修改开...

    苹果cms模板 2239 3年前
最新更新