Loading... # DPlayer DPlayer是一个可爱的HTML5 danmaku视频播放器,可以帮助人们轻松地构建视频和danmaku。 ## 安装DPlayer弹幕 Github地址:https://github.com/MoePlayer/DPlayer-node ### 安装Docker ``` # 安装Docker curl -sSL https://get.daocloud.io/docker | sh # 适用于Ubuntu,Debian,Centos等大部分Linux # 安装docker-compose curl -L https://get.daocloud.io/docker/compose/releases/download/1.24.0/docker-compose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose chmod +x /usr/local/bin/docker-compose ``` ### 拉取DPlayer-node ``` # 安装git,已有的忽略 #ubuntu、Debian 系统 sudo apt-get install git #centos yum install git # 拉取源码 git clone https://github.com/MoePlayer/DPlayer-node.git cd DPlayer-node # 新建镜像 docker-compose build # 拉取依赖 docker-compose pull # 后台运行镜像 docker-compose up -d ``` ** 如果你的系统已经安装了redis,那么就会安装失败!,可以把系统的redis默认端口给改掉,不是默认的`6379`就可以 ** ** 我自己安装了好几次都是因为redis然后才失败的 *** ### 使用 如果安装好了,默认是`1207` 端口的,你可以在构建镜像前修改 `docker-compose.yml`里面的`ports` #### 域名反代 ##### 宝塔反代 宝塔反代最简单了,直接添加反向代理 ,目标URL 为 `http://127.0.0.1` 就可以了 ##### nginx 反代 修改站点的配置文件 ``` # 反向代理,在里面添加下面这个,重启nginx就可以了 location /{ proxy_pass http://127.0.0.1:1207; } ``` ##### Caddy反代 ``` wget -N --no-check-certificate https://raw.githubusercontent.com/ToyoDAdoubiBackup/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`。 #### 使用 作者提供的插件 ``` 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 ``` js里面使用方式 ``` <script> var url=""; //这里填写视频地址 var id=md5(url); const dp = new DPlayer({ container: document.getElementById('dplayer'), video: { url: url }, danmaku: { id: id, api: 'https://dplayer.alone88.cn/' //这里填写弹幕地址 } }); </script> ``` 参考:[moerats](https://www.moerats.com/archives/838/) ## 演示 博主提供的弹幕api地址:https://dplayer.alone88.cn !!! <link href="https://alone88.cn/usr/plugins/DPlayer/dist/DPlayer.min.css" rel="stylesheet"> <div id="dplayer"></div> <script src="https://alone88.cn/usr/plugins/DPlayer/dist/DPlayer.min.js"></script> <script src="https://cdnjs.loli.net/ajax/libs/blueimp-md5/2.10.0/js/md5.min.js"></script> <script src="https://alone88.cn/usr/plugins/DPlayer/plugin/hls.min.js"></script> <script> var url="https://sina.com-h-sina.com/20180812/8108_9a67fe52/index.m3u8"; var id=md5(url); const dp = new DPlayer({ container: document.getElementById('dplayer'), video: { url: url, type:'hls', }, danmaku: { id: id, api: 'https://dplayer.alone88.cn/', } }); </script> !!! 这里应该有个视频的,如果没有请刷新一下 Last modification:October 9th, 2019 at 10:25 am © 允许规范转载 Support 如果觉得我的文章对你有用,请随意赞赏 ×Close Appreciate the author Sweeping payments Pay by AliPay Pay by WeChat
[...]官方文档:https://github.com/MoePlayer/DPlayer-node本文参考了大量文章,现给出部分参考地址,表示感谢https://www.moerats.com/archives/838/https://alone88.cn/archives/484.htmlhttps://blog.menhood.wang/archives/138.html[...]
好棒!调用了哦~嘿嘿