仿bilibili视频弹幕播放器介绍&搭建

这篇具有很好参考价值的文章主要介绍了仿bilibili视频弹幕播放器介绍&搭建。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

仿bilibili视频弹幕播放器

播放器简介

一款防bilibili的播放器,支持弹幕和后台管理,主要是这个播放器是仿B站的,很简洁,特别合适用来web开发。

功能特色

插件功能:弹幕后台、前置广告、暂停广告、会员去广告,记忆回放,自动下一集

插件支持:.m3u8、.mp4、.flv 等常见视频格式,注意:不支持 (MP4) H265 格式的视频

插件兼容:电脑、手机端

可以用来作为一款友好的视频播放器,用于web视频播放

运行环境

nginx或apache

PHP7.X

Mysql ≥ 5.5

播放器界面展示

  1. 后台登录
    仿bilibili视频弹幕播放器介绍&搭建

  2. 后台相关设置管理
    仿bilibili视频弹幕播放器介绍&搭建
    仿bilibili视频弹幕播放器介绍&搭建

  3. 播放器界面
    仿bilibili视频弹幕播放器介绍&搭建

  4. web页面中使用效果
    仿bilibili视频弹幕播放器介绍&搭建

安装步骤

  1. 解压到网站根目录

  2. 登录 你的域名/dmku 进行配置数据库

  3. 修改播放器后台账号密码 dmku/config.inc.php

  4. 登录后台 你的域名/admin 账号和密码为第3步修改的账号密码(默认账号:admin;默认密码:123456)

  5. 播放器功能可后台设置

使用方法

参数说明(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']);?>",//用户组
  1. 基础请求
https://域名/player/?url=视频链接
如:
http://code.qkongtao.cn/video/player/?url=http://upyun.qkongtao.cn/AList/%E8%8D%89%E5%B8%BD%E4%B8%80%E4%BC%99%E6%82%AC%E8%B5%8F%E4%BB%A4%E4%BC%A0%E9%81%8D%E5%85%A8%E4%B8%96%E7%95%8C.mp4
  1. 高级带参请求
    除了 url 参数,其他都可以省略
    http://域名/player/?url=视频链接&next=下个视频链接&sid=1&pic=视频封面图片链接&user=游客&group=1&name=测试
  2. 在web页面中使用
<iframe
        src="http://code.qkongtao.cn/video/player/?url=http://upyun.qkongtao.cn/AList/%E8%8D%89%E5%B8%BD%E4%B8%80%E4%BC%99%E6%82%AC%E8%B5%8F%E4%BB%A4%E4%BC%A0%E9%81%8D%E5%85%A8%E4%B8%96%E7%95%8C.mp4"
        allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" msallowfullscreen="msallowfullscreen"
        oallowfullscreen="oallowfullscreen" webkitallowfullscreen="webkitallowfullscreen" width="750px" height="550px"
        frameborder="0">
</iframe>

示例如下:

<!DOCTYPE html>
<html lang="en">
<style>
    iframe {
        display: block;
        margin: 50px auto;
    }
</style>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试哔哩播放器</title>
</head>

<body>
    <h2 style="text-align: center;">iframe测试哔哩播放器</h2>
    <iframe
        src="http://code.qkongtao.cn/video/player/?url=http://upyun.qkongtao.cn/AList/%E8%8D%89%E5%B8%BD%E4%B8%80%E4%BC%99%E6%82%AC%E8%B5%8F%E4%BB%A4%E4%BC%A0%E9%81%8D%E5%85%A8%E4%B8%96%E7%95%8C.mp4"
        allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" msallowfullscreen="msallowfullscreen"
        oallowfullscreen="oallowfullscreen" webkitallowfullscreen="webkitallowfullscreen" width="750px" height="550px"
        frameborder="0">
    </iframe>
</body>
</html>

仿bilibili视频弹幕播放器介绍&搭建

在线演示

http://code.qkongtao.cn/video/player/?url=http://upyun.qkongtao.cn/AList/%E8%8D%89%E5%B8%BD%E4%B8%80%E4%BC%99%E6%82%AC%E8%B5%8F%E4%BB%A4%E4%BC%A0%E9%81%8D%E5%85%A8%E4%B8%96%E7%95%8C.mp4

源码下载

https://gitee.com/KT1205529635/bilibili-player文章来源地址https://www.toymoban.com/news/detail-423964.html

到了这里,关于仿bilibili视频弹幕播放器介绍&搭建的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Unity】代码控制视频的播放(视频播放器-更新)

     结果如上图,之前写过一个使用代码控制视频播放器的Demo,但是好多小伙伴说我附带的链接没法下载,这次我直接做一个完整版的,不用下载,照着一步一步做就能做出来。 之前写了如何设置RawImage进行自动播放,大家可以看一下基础操作这篇文章:,大佬勿怪。 【Unity】

    2024年02月09日
    浏览(58)
  • 【Xgplayer】xgplayer基本使用 | xgplayer使用 | 超好的前端视频播放器 | xgplayer前端最好视频播放器

    开发团队——字节跳动,字节跳动出品,必属精品。 xgplayer是一个超级牛逼的前端视频播放器,以下几个观点足以证明它的强大 大厂出品——稳 简洁 实用 优雅 文档清晰明了 支持弹幕 对移动端非常友好 自定义插件方便且强大 强就是了 xgplayer官网-点我进入 备用地址 https:

    2024年02月06日
    浏览(75)
  • 阿里云视频播放器

    阿里云的视频播放器类比 HTML5视频播放标签video和音频播放标签audio标签 只是阿里云视频播放器是针对阿里云上传的视频进行多功能配置和操作。 最终:阿里云视频播放器就是基于阿里云视频的前端播放标签 阿里云播放器 SDK ( ApsaraVideo Player SDK)是阿里视频服务的重要一环

    2023年04月09日
    浏览(58)
  • 学习笔记(1)——粤嵌gec6818实现电子相册,音乐播放器,视频播放器。

    (1)设计一个初始界面,并且设置电子相册,音乐播放器,视频播放器三个触摸按键。 (2)电子相册——能够实现相册的幻灯片功能,实现相册左右滑动切换相片。 (3)音乐播放器实现——切歌,播放和暂停功能。 (4)视频播放器实现——播放、暂停、音量大小、快进倒

    2024年02月11日
    浏览(57)
  • B站播放器播放策略介绍

    AV1 、 HEVC 和 AVC 是目前常用的三种视频编码标准,它们在性能、兼容性和许可方面存在一些差异。下面是这三种编码格式的比较: 1. AV1 (AOMedia Video 1) 效率 :AV1被设计为一种高效的编码格式,比HEVC提供约30%的压缩效率提升。 许可 :AV1是开源和免版税的,这使得它在各种平台

    2024年02月13日
    浏览(54)
  • 电脑自带播放器怎么倍速播放视频

    1.选择视频文件,鼠标右击在打开方式中选择Windows Media Player播放器打开视频 2. 在Windows Media Player视频播放器中鼠标右击选择“播放速度设置”,再选择增强功能即可调整播放速度了。    

    2024年02月11日
    浏览(47)
  • 【Vue】播放flv格式视频(flv.js视频播放器)

     图片来源:HTTP-FLV直播初探   github地址:GitHub - bilibili/flv.js: HTML5 FLV Player npm install flv.js --save 封装一个组件flvVideo hasAudio设置为true就不展示。。。不知道为啥~ home.vue 参考:Vue 中使用flv.js视频播放器

    2024年02月14日
    浏览(76)
  • QT实现视频播放器

    1.我们需要的头文件 2. .cpp文件 3.ui界面      

    2024年02月12日
    浏览(46)
  • 【win视频播放器】HEVC视频扩展

     播放此视频需要新的编解码器 编解码器允许应用读取并播放不同文件。可以从Microsoft Store下载该编解码器 ¥7.00 现在获取 稍后再说 方法一:(该方法我正常使用) 链接:https://pan.baidu.com/s/1ZmXNQHn_iAnmAtD6nBE06w?pwd=csvv  提取码:csvv 直接下载安装来自设备制造商的HEVC扩展 方法

    2024年02月08日
    浏览(49)
  • C#制作简易视频播放器

    1.打开vs2019新建一个窗体项目,选用框架.net framework4.7.2 2.在【工具箱】里随便选中一个控件,右键单击它 看到图片中的【选择项】了嘛,单击它,打开添加组件的一个窗体 在添加组件窗体中的【COM组件】中找到【Window Media Player】组件并勾选,然后【确定】 3.可以看到我们的

    2024年02月12日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包