搭建属于自己的PHP视频弹幕播放器,带后台管理

5,703次阅读
123条评论

共计 3492 个字符,预计需要花费 9 分钟才能阅读完成。

更多视频测试: https://jiejie.uk/xjj/fuli/

推荐使用

修复内容

1,支持画中画功能
2,修复弹幕后台管理登录系统后门
3,修复安装程序界面没有样式问题
4,后台登录支持输出账号与密码了,更改用户名与密码请修改dmku文件夹下的config.inc.php文件
5,修复右键菜单点击后自动在新窗口打开一个空白页面的bug

更新记录

2021年1月20日
修复后台不能编辑和删除弹幕,安装好后修改一下。

1. /dmku/index.php 第六行

$_configx = require_once('config.inc.php');

改为

$_configx = require('config.inc.php');

2. /admin/login.php 第65行

setcookie("zt", $cookielock, time()+86400);

改为

setcookie("zt", $cookielock, time()+86400, '/');

2020年11月23日
修复设置logo导致播放器崩溃问题。

2020年11月06日
修复弹幕接口可被非法利用问题,上一版本升级到此版本覆盖dmku目录下的index.php,player/js文件下的yzmplayer.js即可平滑升级。
2020年10月26日
删除无用设置项,删除js对其他链接的无用请求。上一版本升级到此版本覆盖admin与player两个文件夹文件即可平滑升级。
2020年9月15日
解决视频倍速功能部分情况下无法点击的问题。
2020年8月15日
修复进度条拖动部分情况下触发的bug,默认隐藏加载动画,隐藏视频信息屏蔽词汇,隐藏弹幕规则。
2020年8月10日
修复上一版本马虎导致的弹幕功能失效问题!
2020年7月30日
图标本地化,去除对jsdelivr的依赖

下载

最新版下载:https://qqdie.lanzoui.com/iYzkbionn7a 密码:apkq

备用下载:bilibili20201123.zip

其他旧版本链接已删除,建议使用最新的这个版本

【源码无加密,无后门,无授权!!!】

安装教程

1,访问/dmku/index.php,填写数据库信息进行安装
2,安装完成后访问/admin/index.php登录后台,默认用户名为admin密码为123456

播放器使用

基本使用:https://localhost/player/?url=你的视频地址这样就可以播放视频了。player文件夹下的index.php第12行可修改是否显示加载动画,视频信息屏蔽词汇,弹幕规则(这三项默认都是隐藏状态的)。
count.dat权限需要有写入权限,无脑777即可。

其他问题

修改用户名与密码的话修改dmku/config.inc.php文件即可
如何显示加载动画:index.php第12行删除#loading-box,就显示了
如何显示弹幕规则:index.php第12行删除.dmrules就显示了

修改版作者:https://qqdie.com/archives/2338.html

插入播放器

以下代码仅供参考(固定高度)

<iframe src="https://播放器域名/player/?url=视频链接" allowfullscreen="" mozallowfullscreen="" msallowfullscreen="" oallowfullscreen="" webkitallowfullscreen="" width="100%" height="500px" frameborder="0"></iframe>

几乎完美的自适应代码,纯css,支持16:9,4:3.(推荐使用)

<style type="text/css">
.video-container { display: block; position: relative; width: 100%; height: 0; overflow: hidden; box-sizing: border-box } .video-container iframe, .video-container video { position: absolute; top: 0; left: 0; border: none; width: 100%; height: 100% } .video-ratio-16by9 { padding-bottom: 56.25% /* 9/16 */ } .video-ratio-4by3 { padding-bottom: 75% /* 3/4 */ }
</style>
<div class="video-container video-ratio-16by9">
<iframe src="https://播放器域名/player/?url=视频链接" allowfullscreen="" mozallowfullscreen="" msallowfullscreen="" oallowfullscreen="" webkitallowfullscreen="" frameborder="0"></iframe>
</div>

感谢作者提供代码:https://kai73002981.blogspot.com/2020/09/responsive-video-player.html

原版

2020-12-10:后台有严重bug,会泄露后台密码,建议大家等解决后再搭建!!!

2020-12-11:由loc大佬longkulo提供修复方案,下载替换后台文件即可。

2022-09-20:下载链接已失效,建议使用修改版!

下载链接:admin.zip

修改说明

原作者:京都一只喵

  1. 解密 yzmplayer.js 文件
  2. 修复了视频弹幕非独立的问题
  3. 兼容了 PHP7.X,在 PHP7.4 环境测试通过
  4. 更新版本号至 v1.2.1
  5. 重写了使用说明
  6. 可播放自定义mp4,m3u8等链接,每一条链接都有属于自己的弹幕ID。
  7. 后台预览
搭建属于自己的PHP视频弹幕播放器,带后台管理

使用方法

https://github.com/newcdn/bilibili

  1. 解压到网站根目录
  2. 登录 你的域名/dmku 进行配置数据库
  3. 修改播放器后台密码 dmku/config.inc.php
  4. 登录后台 你的域名/admin 密码为第3步修改的密码
  5. 播放器功能可后台设置
  6. 建议使用本人委托大佬修改的 yzmplayer.js 文件,修复了点击播放器右键的视频统计信息按钮不会打开一个新窗口。
https://player.tvv.tw/player/js/yzmplayer.js?v=20201210
//自行复制替换yzmplayer.js的内容,如果出现中文乱码,请设置网页编码为utf-8
//右键内容修改在yzmplayer.js的1626行

参数说明(player/index.php)

"av":'<?php echo($_GET['av']);?>',//B站av号,用于调用弹幕
"url":"<?php echo($_GET['url']);?>",//视频链接
"id":"<?php echo($_GET['url']);?>",//视频id
"sid":"<?php echo($_GET['sid']);?>",//集数id
"pic":"<?php echo($_GET['pic']);?>",//视频封面
"title":"<?php echo($_GET['name']);?>",//视频标题
"next":"<?php echo($_GET['next']);?>",//下一集链接
"user": '<?php echo($_GET['user']);?>',//用户名
"group": "<?php echo($_GET['group']);?>",//用户组

请求示例

示例网站

https://tvv.tw/xjj/fuli/

 

基本

http://localhost/player/?url=https://cdn.jsdelivr.net/gh/MoGuJ/Video-Bed/Your.Name/playlist.m3u8

高级

除了 url 参数,其他都可以省略

http://localhost/player/?url=https://cdn.jsdelivr.net/gh/MoGuJ/Video-Bed/Your.Name/playlist.m3u8&next=https://cdn.jsdelivr.net/gh/MoGuJ/Video-Bed/Your.Name/playlist.m3u8&sid=1&pic=https://img.xx.com/1.png&user=游客&group=1&name=测试

正文完
 0
评论(123条评论)
验证码
墨雪 评论达人 LV.1
2021-05-26 15:02:27 回复

博主,在本地测试,装完打开播放器页面一片空白是什么问题?http://网站链接/player/?url=

 Android  Chrome  中国广东省汕头市电信
    碉堡 博主
    2021-05-26 16:13:13 回复

    @墨雪 应该必须得HTTPS吧?f12调试看看

     Android  Chrome
      墨雪 评论达人 LV.1
      2021-05-26 19:57:07 回复

      @碉堡 找到原因了 https还不行 最后把地址改成绝对地址就可以了

       Windows  Chrome  中国广东省广州市电信
阿莫 评论达人 LV.1
2021-05-21 14:57:25 回复

我的视频(比如爱死机)十几集都放在一个目录下,怎么样可以实现放完之后自动或者手动下一集呢

 Windows  Firefox  中国浙江省台州市电信
    碉堡 博主
    2021-05-21 17:49:52 回复

    @阿莫 没研究过这方面,如果你弄出来了希望分享一下。

     Windows  Chrome
阿莫 评论达人 LV.1
2021-05-17 17:22:35 回复

大佬我这个用手机打得开,用电脑就是一片空白是什么鬼:https://amosama.com/archives/148
已经自己解决,我的博客是https,放视频的没有装sll开https,装上之后正常了。
但是现在手机浏览器是打开是空白的

 Windows  Firefox  中国浙江省台州市电信
    碉堡 博主
    2021-05-19 13:06:05 回复

    @阿莫 缓存的原因吧

     Android  Chrome
      阿莫 评论达人 LV.1
      2021-05-19 13:07:29 回复

      @碉堡 哈哈哈好像是的,今天一觉醒来就都正常了

       Windows  Firefox  中国浙江省台州市电信
立刻 评论达人 LV.2
2021-03-09 21:35:58 回复

怎么把框中这两项去掉?用自适应代码的时候,手机端看不到这两条

 Windows  Chrome  中国山东省青岛市联通
    admin 博主
    2021-03-09 22:43:30 回复

    @立刻 兄弟,有去掉的必要?

     Android  Chrome
      立刻 评论达人 LV.2
      2021-03-09 22:52:23 回复

      @admin 有必要,理由如下:用自适应代码后,手机上面那两项显示不全 如图 去掉那两项正好,再说那两项也没什么用。

       Windows  Chrome  韩国首尔首尔
8588 评论达人 LV.1
2021-03-07 17:30:15 回复

最新版下载:https://qqdie.lanzoui.com/iYzkbionn7a
这个确定是这行文件吗?
报错:Uncaught Error: Call to undefined method sql::显示_弹幕列表()
mysqli.class.php 这个文件确实没有 显示_弹幕列表()

 Windows  Chrome  中国湖南省长沙市电信
    8588 评论达人 LV.1
    2021-03-07 17:33:40 回复

    @8588 改成 pdo 可以了

     Windows  Chrome  中国湖南省长沙市电信
立刻 评论达人 LV.2
2021-02-28 14:43:18 回复

这个开关的颜色没找到在哪里改,大佬抽空帮忙看一下

 Windows  Chrome  中国山东省青岛市联通
立刻 评论达人 LV.2
2021-02-27 21:39:43 回复

问一下右键的这些信息在哪里添加?应该用什么格式?

 Windows  Chrome  中国山东省青岛市联通
    admin 博主
    2021-02-27 22:02:58 回复

    @立刻 在yzmplayer.js添加

     Windows  Chrome
      立刻 评论达人 LV.2
      2021-02-27 22:04:39 回复

      @admin 大约在第几行?什么格式的代码?

       Windows  Chrome  中国山东省青岛市联通
问我 评论达人 LV.1
2021-02-26 20:44:22 回复

这个是在哪里设置阿里云oss的

 Windows  Chrome  中国江西省南昌市电信
    admin 博主
    2021-02-26 20:45:20 回复

    @问我 啥意思?

     Windows  Chrome
      问我 评论达人 LV.1
      2021-02-26 20:46:23 回复

      @admin 视频不是用阿里云oss存储的吗

       Windows  Chrome  中国江西省南昌市电信
      问我 评论达人 LV.1
      2021-02-26 21:18:04 回复

      @admin fuli里面的视频能批量下载吗,一个一个随机太慢了

       Windows  Chrome  中国江西省南昌市电信
        admin 博主
        2021-02-26 21:18:40 回复

        @问我 不能

         Windows  Chrome
          问我 评论达人 LV.1
          2021-02-26 21:21:25 回复

          @admin 这就很难受了啊

           Windows  Chrome  中国江西省南昌市电信
立刻 评论达人 LV.2
2021-02-26 19:41:46 回复

大佬,我又发现了一篇文章https://www.gymxbl.com/2883.html 帮我看一下这个播放器链接应该是什么格式?

 Windows  Chrome  中国山东省青岛市联通
    admin 博主
    2021-02-26 19:47:10 回复
      立刻 评论达人 LV.2
      2021-02-26 19:49:57 回复

      @admin 好像不行?

       Windows  Chrome  中国山东省青岛市联通
        admin 博主
        2021-02-26 19:50:58 回复

        @立刻 需要指定一下视频格式才行,https://api.gymxbl.com/player/?url=视频链接&type=m3u8

         Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-26 19:52:25 回复

          @admin 多谢,可以了,他这个播放器你觉得怎么样?

           Windows  Chrome  中国山东省青岛市联通
          admin 博主
          2021-02-26 19:54:23 回复

          @立刻 还行,是自适应的,应该兼容性更强,不过用别人的东西受制于人,如果作者能分享源码出来是最好的。兼容性还差点,比如我的jpg格式的mp4视频无法播放。

           Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-26 19:57:58 回复

          @admin 我刚才也试了一下mp4格式的不行,好像必须得https的视频链接才行。

           Windows  Chrome  中国山东省青岛市联通
          admin 博主
          2021-02-26 19:58:52 回复

          @立刻 https只能加载https的内容,正常。

           Windows  Chrome
立刻 评论达人 LV.2
2021-02-26 16:20:46 回复

我倒是有个想法,能否把图中下面框中那些代码写进CSS文件里面,这样就不用每次都加那些代码了?

 Windows  Chrome  韩国首尔首尔
    admin 博主
    2021-02-26 16:22:50 回复

    @立刻 可以啊 如果你不是光一篇文章发视频的话,你就可以直接写入css,这样就不用每篇文章都加那个代码了。

     Windows  Chrome
      立刻 评论达人 LV.2
      2021-02-26 16:27:02 回复

      @admin 当然,那样可以一劳永逸。那么应该写进哪个css文件里?那些代码添加在什么位置?

       Windows  Chrome  韩国首尔首尔
        admin 博主
        2021-02-26 16:29:25 回复

        @立刻 

        你是wordpress吗?在主题编辑器那里,选择header.php,然后把那段复制在</ h e a d>标签下面。

         Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-26 16:34:26 回复

          @admin 不是加在yzmplayer.css里面吗?

           Windows  Chrome  韩国首尔首尔
          admin 博主
          2021-02-26 16:35:16 回复

          @立刻 不是的,这个css跟你调用的网站有关,不是播放器的事

           Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-26 18:29:57 回复

          @admin typecho怎么操作?

           Windows  Chrome  中国山东省青岛市联通
          admin 博主
          2021-02-26 18:33:17 回复

          @立刻 外观,编辑当前外观,选择header.php,然后把那段复制在</ h e a d>标签下面

           Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-26 18:35:30 回复

          @admin 多谢

           Windows  Chrome  中国山东省青岛市联通
          立刻 评论达人 LV.2
          2021-03-04 09:30:34 回复

          @admin 有些主题文件header.php里面没有标签,这种怎么弄?

           Windows  Chrome  新加坡
立刻 评论达人 LV.2
2021-02-25 22:59:11 回复

发现这个m3u8视频文件不能自适应:https://cdn.jsdelivr.net/gh/wuzhumeng/shipin/mthgh/playlist.m3u8

 Windows  Chrome  中国山东省青岛市联通
    admin 博主
    2021-02-26 00:06:58 回复

    @立刻 你这个应该不是16:9的视频,应该是4:3的,以前的老视频基本上都是4:3的

     Android  Chrome
      立刻 评论达人 LV.2
      2021-02-26 06:25:47 回复

      @admin 是4:3的,这种视频能否通过代码自适应去黑边?

       Android  Chrome  中国山东省青岛市联通
        admin 博主
        2021-02-26 13:43:00 回复

        @立刻 <div class=”video-container video-ratio-16by9″>改成<div class=”video-container video-ratio-4by3″>试试

         Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-26 16:13:23 回复

          @admin 改了,还是有少量黑边,这可能与视频有关系,这个视频可能不是标准的4:3?

           Windows  Chrome  韩国首尔首尔
          admin 博主
          2021-02-26 16:14:35 回复

          @立刻 有可能

           Windows  Chrome
立刻 评论达人 LV.2
2021-02-25 21:39:59 回复

发现文章有个小问题,第二段代码的视频地址应该换成上面的

 Windows  Chrome  韩国首尔首尔
立刻 评论达人 LV.2
2021-02-25 16:54:42 回复


左右两边的黑边能去掉吗?尤其是手机看的时候,上下的黑边特别大。

 Windows  Chrome  韩国首尔首尔
    admin 博主
    2021-02-25 16:56:23 回复

    @立刻 这个应该是你视频分辨率的原因,或者你调一下引入的播放器高度

     Windows  Chrome
      立刻 评论达人 LV.2
      2021-02-25 16:59:03 回复

      @admin 另一个问题你还没回答

       Windows  Chrome  韩国首尔首尔
        admin 博主
        2021-02-25 17:01:41 回复

        @立刻 这个两边的黑边确实有问题,我研究一下怎么去掉黑边,改那个颜色在player/css/yzmplayer.css

         Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-25 17:09:24 回复

          @admin 里面的代码太多了,不知道改哪一个?

           Windows  Chrome  韩国首尔首尔
          admin 博主
          2021-02-25 17:10:30 回复

          @立刻 用F12控制台找,然后去改。

           Windows  Chrome
    admin 博主
    2021-02-25 17:09:45 回复

    @立刻 这个黑边是正常的,这个播放器是会自适应不同分辨率的,你说手机上下黑边大,是因为用iframe引用固定了播放器的高度。

     Windows  Chrome
      立刻 评论达人 LV.2
      2021-02-25 17:11:18 回复

      @admin 如何才能让他不固定播放器的高度?

       Windows  Chrome  韩国首尔首尔
        admin 博主
        2021-02-25 18:43:37 回复

        @立刻 找到几乎完美的iframe了,你测试一下我这个文章的视频。

         Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-25 20:03:51 回复

          @admin 没有黑边了,怎么弄的?求教

           Windows  Chrome  韩国首尔首尔
          admin 博主
          2021-02-25 20:53:09 回复

          @立刻 更新文章了,自己看

           Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-25 21:06:05 回复

          @admin 多谢大佬,那个自适应代码简直完美!

           Windows  Chrome  韩国首尔首尔
          立刻 评论达人 LV.2
          2021-02-25 21:07:35 回复

          @admin 
          固定高度的那一个,里面的那些参数怎么都是空的?

           Windows  Chrome  韩国首尔首尔
          admin 博主
          2021-02-25 21:12:29 回复

          @立刻 不用管,那是兼容各种浏览器全屏的,不用带参数。

           Windows  Chrome
          admin 博主
          2021-02-25 21:15:33 回复

          @立刻 你网站呢?不发出来看看?

           Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-25 21:17:52 回复

          @admin 我博客刚建成,就一篇文章还在测试当中(手动滑稽)

           Windows  Chrome  韩国首尔首尔
          admin 博主
          2021-02-25 21:19:01 回复

          @立刻 等你建成了来加个友链

           Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-25 21:21:21 回复

          @admin 没问题。这些参数有用吗?

           Windows  Chrome  韩国首尔首尔
          admin 博主
          2021-02-25 21:23:06 回复

          @立刻 不清楚,估计是直接可以调用B站的视频还是什么的,我也不搞B站,你不搞B站视频的话不用管。

           Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-25 21:23:47 回复

          @admin 好的,多谢。

           Windows  Chrome  韩国首尔首尔
          admin 博主
          2021-02-25 21:25:33 回复

          @立刻 B站改版后估计也已经失效了,毕竟没人更新了。

           Windows  Chrome
          立刻 评论达人 LV.2
          2021-02-25 21:27:21 回复

          @admin 也是,这个程序估计写了很长时间了,要不是你们在维护,估计都没法用了。

           Windows  Chrome  韩国首尔首尔
立刻 评论达人 LV.2
2021-02-25 16:25:01 回复


①和②的开关颜色在哪个文件里改?

 Windows  Chrome  韩国首尔首尔
立刻 评论达人 LV.2
2021-02-25 16:04:25 回复

经过测试,发现一个问题:弹幕颜色无法更改,始终都是黑色的?

 Windows  Chrome  韩国首尔首尔
    admin 博主
    2021-02-25 16:06:20 回复

    @立刻 我这边测试是正常的,我刚在帖子这个视频发了一个红色弹幕,你看看

     Windows  Chrome
      立刻 评论达人 LV.2
      2021-02-25 16:14:02 回复

      @admin 找到原因了,先输入文字,再选择颜色发送才行。如果先选择颜色,再输入文字发送就不行了。

       Windows  Chrome  韩国首尔首尔
        admin 博主
        2021-02-25 16:17:11 回复

        @立刻 我这边测试都行的,就是浏览器自动填充的文字不会变色,必须得手动输入或者复制输入。

         Windows  Chrome
问我 评论达人 LV.1
2021-02-23 20:07:55 回复

怎么下载视频啊,或者资源在哪

 Windows  Chrome  中国江西省南昌市电信
    问我 评论达人 LV.1
    2021-02-23 20:08:41 回复

    @问我 视频下载好了,博主的资源是从哪下的呀,分享一下啊

     Windows  Chrome  中国江西省南昌市电信
    admin 博主
    2021-02-23 20:09:13 回复

    @问我 你是要下载演示视频和fuli的视频吗?视频格式是jpg的,开f12控制台就能找到,下载后自行改成mp4即可。

     Windows  Chrome
      问我 评论达人 LV.1
      2021-02-23 21:14:21 回复

      @admin 嗯我是这么下的,我想知道您的这些视频来源是哪里。看到一个漂亮小姐姐,想看看她还有没有其他的视频

       Windows  Chrome  中国江西省南昌市电信
      问我 评论达人 LV.1
      2021-02-24 20:44:37 回复

      @admin 方便说一下吗

       Windows  Chrome  中国江西省南昌市电信
lightair 评论达人 LV.1
2021-01-28 10:00:25 回复

安装的时候出现:Parse error: parse error in D:localuserftp6398737Webspdmkuindex.php on line 22
这是什么意思,第22行是 cid = _POST[‘cid’] ?: showmessage(-1, null);
有个特殊字符我去掉了,评论发不出来

 Windows  Chrome  中国山东省青岛市移动
    admin 博主
    2021-01-28 14:39:21 回复

    @lightair 不知道你这是什么情况,因为我没遇到这种情况

     Windows  Chrome
tai 评论达人 LV.1
2021-01-19 17:40:52 回复

后台不能编辑和删除弹幕

 Windows  Chrome  中国上海上海市电信
    admin 博主
    2021-01-19 18:04:27 回复

    @tai 确实是,有bug!

     Windows  Chrome
    评论达人 LV.1
    2021-01-19 23:40:31 回复

    @tai 

    1. /dmku/index.php 第六行
      $_configx = r e q u i r e _ o n c e('config.inc.php');

      改为

      $_configx = r e q u i r e('config.inc.php');

      去掉空格
      2./admin/login.php 第65行

      setcookie("zt", $cookielock, time()+86400);

      改为

      setcookie("zt", $cookielock, time()+86400, '/');
     Windows  Chrome  中国河北省石家庄市移动
      admin 博主
      2021-01-20 06:59:57 回复

      @宅 非常感谢提供解决方案!!!

       Windows  Chrome
      tai 评论达人 LV.1
      2021-01-22 02:36:03 回复

      @宅 改了,好像后台还是不能删除

       Windows  Chrome  中国上海上海市电信
        admin 博主
        2021-01-22 02:53:56 回复

        @tai 删除缓存即可。

         Android  Chrome
          tai 评论达人 LV.1
          2021-01-22 13:23:49 回复

          @admin 已经删除缓存了,看了下数据库,弹幕还在,没被删除。不知道是什么问题

           Windows  Chrome  中国上海上海市电信
          admin 博主
          2021-01-26 18:53:39 回复

          @tai 改完后测试是正常删除的

           Windows  Chrome
          tai 评论达人 LV.1
          2021-01-27 21:56:21 回复

          @admin 大佬,有空发布一份你的完整修改版~ 先谢了

           Windows  Chrome  中国上海上海市电信
Dark 评论达人 LV.1
2021-01-07 18:58:39 回复

大佬,请问这视频还有没 :dinosaur-shy:

 Android  Chrome  中国广东省东莞市电信
    root 博主
    2021-01-07 18:59:51 回复

    @Dark B站有,去找找

     Windows  Chrome
      Dark 评论达人 LV.1
      2021-01-07 19:05:25 回复

      @root 好的

       Android  Chrome  中国广东省东莞市电信
wudiren 评论达人 LV.1
2021-01-07 17:24:17 回复

大佬是如何把视频插入到wordpress里面去的

 Windows  Chrome  中国山东省青岛市联通
    root 博主
    2021-01-07 17:43:22 回复

    @wudiren 右键查看源码,以iframe的方式插入。

     Windows  Chrome