dplayer弹幕服务器php,修复官方Dplayer-Typecho插件不能连接弹幕API后端的方法

说明:博主之前发过DPlayer弹幕后端搭建教程→传送门,也说了下HTML代码的使用方法,不过对于Typecho博客来说,插件不能用会很麻烦,加上看见很多使用Typecho的同学对这个还是有点兴趣的,所以就咨询了下某大佬插件修复方法,貌似是播放器版本没更新到最新,然后在这里就说下,有需求的可以用下。

方法官方插件地址:https://github.com/MoePlayer/DPlayer-Typecho

修复后的地址:https://github.com/menhood/DPlayer-Typecho

1、直接使用

去提供修复后的Github地址下载插件,然后将文件夹名改为DPlayer上传到usr/plugins目录启用即可。

2、自行修复

如果你不放心使用修复后的插件,那么你可以自行替换文件修复,修复方法如下:1)下载官方提供的旧版本插件,插件地址见上面!

2)然后下载该地址的4个文件:https://github.com/MoePlayer/DPlayer/tree/master/dist

3)将下载的文件复制并替换旧插件dplayer/dist目录的4个文件即可。

使用

由于插件地址使用的弹幕服务器地址默认为官方的,貌似服务器出了问题不能用,这里可以使用博主搭建的API服务器,地址为:https://dplayer.moerats.com/,当然你也可以使用博主提供的方法自行搭建API,教程查看→传送门。提示:由于特殊原因,博主将下面所有例子最开始的[换成了(,到时候使用的时候,将开头的(换成[,即被[]包住即可。

使用方法如下,直接贴近文章里即可!#默认不自动播放,弹幕开启

(dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg"/]

#关闭弹幕

(dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg" danmu="false"/]

#开启自动播放

(dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg" autoplay="true"/]

#添加额外弹幕源(例:bilibili弹幕),这里和作者的文档有点区别,就是需要在api后面加v3。

(dplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.jpg" autoplay="true" addition="https://api.prprpr.me/dplayer/v3/bilibili?aid=7286894"/]

当然,如果你想假装很多人看的样子,那可以添加额外的bilibili弹幕,这时候不管你放什么视频,B站弹幕都会在上面密密麻麻的滚动。

要是有时候不生效,可以对斜杠/转义一下,比如:(dplayer url="http:\/\/xxx.com\/xxx.mp4" pic="http:\/\/xxx.com\/xxx.jpg"/]

演示#这里直接用的B站一个视频,顺便把弹幕也给拉过来了,假装看的人很多吧。

[dplayer url="https://www.moerats.com/usr/dplayer/yyy.flv" pic="https://www.moerats.com/usr/dplayer/yyy.png" addition="https://dplayer.moerats.com/v3/bilibili?aid=7100521"/]

如果该视频播放器不显示的话,刷新一下就行了。

首先,这个插件并不是傻瓜式安装的,很多东西需要自己去调试,以下只给有一定基础的人,所以纯伸手党就不用看了 申明: 弹幕的接收和发送的最初源码来自此贴:http://www.discuz.net/thread-2499499-1-1.html 注: 下载后发现问题很多,所以我自己修改了一遍,剔除了代码中的大部分不合理的地方加入了控制最大弹幕数的,编码GBK测试无问题,utf-8未测试(应该是不会有问题的)。 此源码为最初版,后来还重写了记录吐槽者IP、整合至视频展厅以及管理弹幕的简易后台,根据情况我在开放下载吧 播放器使用的是mukioplayer:http://code.google.com/p/mukioplayer/ 如果你要转载下面的内容,那么请注明原帖地址 --------------------------------------------我是分割线-------------------------------------------- 源码下载(内含v1.150mukioplayer): 2012-04-25第3次更新 1.追加简易后台管理一枚 2012-04-17第2次更新 1.修正了无法正确保存ZOOME字幕的问题 2012-04-05第1次更新 1.增加一个外置弹幕列表的播放器可自由选择任意一个使用 2.修改了php的引用代码php默认不支持的函数 3.其他已知的问题 下载后需要编辑2个配置文件: 一.在config.php中设置你的数据库连接和可控制的最大弹幕数。 注:数据库填写的信息和你安装论坛时填写的一样,如果你是独立主机那么可以建立一个专门的MYSQL用户操作弹幕表,加强安全性 二.在conf.xml中设置弹幕播放器的接收和发送URL地址。  1.post.php为接收从弹幕中传入参数的  2.xml.php为生成弹幕文件的 三.关于后台:  1.可以更改admin这个文件夹名字来隐藏后台路径提高安全性  2.使用前请先配置后台文件夹中的admin.php后台基本设定,具体规则参见每行的注释  3.后台访问路径既:http://你的域名/bplayer/后台文件夹名称/admin.php 配置完成后把文件夹上传到根目录中即可 --------------------------------------------我是分割线-------------------------------------------- 进入后台 - 站长 - 数据库 - 升级中运行以下SQL语句: CREATE TABLE IF NOT EXISTS `tm_comment` ( `ID` int(12) NOT NULL auto_increment, `playerID` varchar(15) default NULL, `message` text, `color` varchar(12) default NULL, `fontsize` varchar(12) default NULL, `playtime` varchar(12) default NULL, `mode` varchar(12) default NULL, `times` datetime default NULL, KEY `ID` (`ID`) ) ENGINE=MyISAM DEFAULT CHARSET=gbk AUTO_INCREMENT=1 ; --------------------------------------------我是分割线-------------------------------------------- 在看到后台的界面 - 编辑器设置 - Discuz! 代码,新增一个标签,名称随意,这里我们就用iplay,添加后点击详情,在替换内容中添加如下代码: <embed width='800' height='353' quality='high' allowfullscreen='true' type='application/x-shockwave-flash' src='http://你的域名/bplayer/mukioplayer.swf?type={1}&vid;={2}'='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash'/> 复制代码 例子中添加代码:[iplay={1}]{2}[/iplay] 解释:添加弹幕播放器 参数个数:2 参数提示语: 视频类型 视频的ID 镶套次数:1 允许使用的用户组根据自己论坛的情况而定即可 --------------------------------------------我是分割线-------------------------------------------- 完毕,在帖子中使用 [iplay=视频类型]视频ID[/iplay] 就可以添加一个弹幕播放器测试了。 视频类型解释 : 新浪 sina或者video都可以 优酷 youku 新发现: QQ视频 qq (测试可用) 6间房 6room (未测试) 视频ID解释 : 例如一个视频地址是新浪的 http://you.video.sina.com.cn/b/25323843-1272884840.html 那么 - 前面的25323843 这个值就是这个视频的ID 优酷的话 http://v.youku.com/v_show/id_XMzIzNjA2NjE2.html 就是id_至.html中间的XMzIzNjA2NjE2 --------------------------------------------我是分割线-------------------------------------------- 播放器提示评论文件加载失败或者发送失败,但是弹幕可以正确保存到数据库中的解决方法: 打开config.php,复制全部内容(已经配置好了数据库信息的),在打开xml.php,选中require 'config.php';,粘贴全部内容,保存。 某些linx服务器会出现此问题,临时用这个方法解决,暂时没有找到php生成xml不能包含其他文件的原因 --------------------------------------------我是分割线-------------------------------------------- 关于播放器侧边栏问题,压缩包里还有一个mukioplayer1.swf文件,将此文件与mukioplayer.swf替换,即可显示侧边栏 --------------------------------------------我是分割线-------------------------------------------- 总结:实现了基本的弹幕存储功能,但是管理很麻烦,而且安全性也有待加强,字段类型也弄的很随便,期待有强人来完善 若有问题可回帖,有时间我会回答,但不一定每个都回答(只针对本帖的内容和源码,在其他地方下的别问我) 此弹幕并不仅限DISCUZ论坛,PHPWIND及其他论坛也是可以整合的
Vue-DPlayer是一个基于Vue.js的封装DPlayer插件,用于在网页上播放视频。它支持发送弹幕并显示弹幕,可以通过一些简单的配置来实现弹幕的发送和显示。 首先,需要在Vue组件中引入Vue-DPlayer插件,并在该组件中定义一个`danmaku`数组,用于存储发送的弹幕内容。 接着,通过Vue-DPlayer的配置项`options`中设置`danmaku`为`true`,以启用弹幕发送功能。可以通过`api`属性访问弹幕相关的API,如`api.sendDanmaku`用于发送弹幕。 在Vue-DPlayer组件的模板中,可以通过使用`v-model`指令将弹幕输入框绑定到一个变量上,以获取用户输入的弹幕内容。当用户编辑完成后,可以通过发送按钮触发发送弹幕方法。 具体实现如下所示: ```html <template> <div> <vue-dplayer :options="playerOptions"></vue-dplayer> <input type="text" v-model="danmakuContent" placeholder="请输入弹幕内容"> <button @click="sendDanmaku">发送</button> </div> </template> <script> import VueDPlayer from 'vue-dplayer' export default { components: { VueDPlayer }, data() { return { playerOptions: { danmaku: true }, danmakuContent: '', danmaku: [] } }, methods: { sendDanmaku() { this.danmaku.push(this.danmakuContent) // 使用Vue-DPlayerAPI发送弹幕 this.$refs.dplayer.api.sendDanmaku(this.danmakuContent) this.danmakuContent = '' // 清空输入框 } } } </script> ``` 以上代码会在网页上显示一个视频播放器和一个输入框,用户可以在输入框中输入弹幕内容,并通过点击发送按钮发送弹幕。发送的弹幕内容会被保存在`danmaku`数组中,并显示在视频播放器上。 这样,就可以通过Vue-DPlayer实现在网页上发送和显示弹幕的功能了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值