国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

仿bilibili視頻彈幕播放器介紹&搭建

這篇具有很好參考價值的文章主要介紹了仿bilibili視頻彈幕播放器介紹&搭建。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

仿bilibili視頻彈幕播放器

播放器簡介

一款防bilibili的播放器,支持彈幕和后臺管理,主要是這個播放器是仿B站的,很簡潔,特別合適用來web開發(fā)。

功能特色

插件功能:彈幕后臺、前置廣告、暫停廣告、會員去廣告,記憶回放,自動下一集

插件支持:.m3u8、.mp4、.flv 等常見視頻格式,注意:不支持 (MP4) H265 格式的視頻

插件兼容:電腦、手機端

可以用來作為一款友好的視頻播放器,用于web視頻播放

運行環(huán)境

nginx或apache

PHP7.X

Mysql ≥ 5.5

播放器界面展示

  1. 后臺登錄
    仿bilibili視頻彈幕播放器介紹&搭建

  2. 后臺相關(guān)設(shè)置管理
    仿bilibili視頻彈幕播放器介紹&搭建
    仿bilibili視頻彈幕播放器介紹&搭建

  3. 播放器界面
    仿bilibili視頻彈幕播放器介紹&搭建

  4. web頁面中使用效果
    仿bilibili視頻彈幕播放器介紹&搭建

安裝步驟

  1. 解壓到網(wǎng)站根目錄

  2. 登錄 你的域名/dmku 進行配置數(shù)據(jù)庫

  3. 修改播放器后臺賬號密碼 dmku/config.inc.php

  4. 登錄后臺 你的域名/admin 賬號和密碼為第3步修改的賬號密碼(默認(rèn)賬號:admin;默認(rèn)密碼:123456)

  5. 播放器功能可后臺設(shè)置

使用方法

參數(shù)說明(player/index.php)

"av":'<?php echo($_GET['av']);?>',//B站av號,用于調(diào)用彈幕
"url":"<?php echo($_GET['url']);?>",//視頻鏈接
"id":"<?php echo($_GET['url']);?>",//視頻id
"sid":"<?php echo($_GET['sid']);?>",//集數(shù)id
"pic":"<?php echo($_GET['pic']);?>",//視頻封面
"title":"<?php echo($_GET['name']);?>",//視頻標(biāo)題
"next":"<?php echo($_GET['next']);?>",//下一集鏈接
"user": '<?php echo($_GET['user']);?>',//用戶名
"group": "<?php echo($_GET['group']);?>",//用戶組
  1. 基礎(chǔ)請求
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 參數(shù),其他都可以省略
    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文章來源地址http://www.zghlxwxcb.cn/news/detail-423964.html

到了這里,關(guān)于仿bilibili視頻彈幕播放器介紹&搭建的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 【Unity】代碼控制視頻的播放(視頻播放器-更新)

    【Unity】代碼控制視頻的播放(視頻播放器-更新)

    ?結(jié)果如上圖,之前寫過一個使用代碼控制視頻播放器的Demo,但是好多小伙伴說我附帶的鏈接沒法下載,這次我直接做一個完整版的,不用下載,照著一步一步做就能做出來。 之前寫了如何設(shè)置RawImage進行自動播放,大家可以看一下基礎(chǔ)操作這篇文章:,大佬勿怪。 【Unity】

    2024年02月09日
    瀏覽(23)
  • 【Xgplayer】xgplayer基本使用 | xgplayer使用 | 超好的前端視頻播放器 | xgplayer前端最好視頻播放器

    【Xgplayer】xgplayer基本使用 | xgplayer使用 | 超好的前端視頻播放器 | xgplayer前端最好視頻播放器

    開發(fā)團隊——字節(jié)跳動,字節(jié)跳動出品,必屬精品。 xgplayer是一個超級牛逼的前端視頻播放器,以下幾個觀點足以證明它的強大 大廠出品——穩(wěn) 簡潔 實用 優(yōu)雅 文檔清晰明了 支持彈幕 對移動端非常友好 自定義插件方便且強大 強就是了 xgplayer官網(wǎng)-點我進入 備用地址 https:

    2024年02月06日
    瀏覽(62)
  • 阿里云視頻播放器

    阿里云視頻播放器

    阿里云的視頻播放器類比 HTML5視頻播放標(biāo)簽video和音頻播放標(biāo)簽audio標(biāo)簽 只是阿里云視頻播放器是針對阿里云上傳的視頻進行多功能配置和操作。 最終:阿里云視頻播放器就是基于阿里云視頻的前端播放標(biāo)簽 阿里云播放器 SDK ( ApsaraVideo Player SDK)是阿里視頻服務(wù)的重要一環(huán)

    2023年04月09日
    瀏覽(27)
  • 學(xué)習(xí)筆記(1)——粵嵌gec6818實現(xiàn)電子相冊,音樂播放器,視頻播放器。

    學(xué)習(xí)筆記(1)——粵嵌gec6818實現(xiàn)電子相冊,音樂播放器,視頻播放器。

    (1)設(shè)計一個初始界面,并且設(shè)置電子相冊,音樂播放器,視頻播放器三個觸摸按鍵。 (2)電子相冊——能夠?qū)崿F(xiàn)相冊的幻燈片功能,實現(xiàn)相冊左右滑動切換相片。 (3)音樂播放器實現(xiàn)——切歌,播放和暫停功能。 (4)視頻播放器實現(xiàn)——播放、暫停、音量大小、快進倒

    2024年02月11日
    瀏覽(44)
  • B站播放器播放策略介紹

    AV1 、 HEVC 和 AVC 是目前常用的三種視頻編碼標(biāo)準(zhǔn),它們在性能、兼容性和許可方面存在一些差異。下面是這三種編碼格式的比較: 1. AV1 (AOMedia Video 1) 效率 :AV1被設(shè)計為一種高效的編碼格式,比HEVC提供約30%的壓縮效率提升。 許可 :AV1是開源和免版稅的,這使得它在各種平臺

    2024年02月13日
    瀏覽(100)
  • 電腦自帶播放器怎么倍速播放視頻

    電腦自帶播放器怎么倍速播放視頻

    1.選擇視頻文件,鼠標(biāo)右擊在打開方式中選擇Windows Media Player播放器打開視頻 2. 在Windows Media Player視頻播放器中鼠標(biāo)右擊選擇“播放速度設(shè)置”,再選擇增強功能即可調(diào)整播放速度了。 ? ?

    2024年02月11日
    瀏覽(29)
  • 【Vue】播放flv格式視頻(flv.js視頻播放器)

    【Vue】播放flv格式視頻(flv.js視頻播放器)

    ?圖片來源:HTTP-FLV直播初探?? github地址:GitHub - bilibili/flv.js: HTML5 FLV Player npm install flv.js --save 封裝一個組件flvVideo hasAudio設(shè)置為true就不展示。。。不知道為啥~ home.vue 參考:Vue 中使用flv.js視頻播放器

    2024年02月14日
    瀏覽(33)
  • QT實現(xiàn)視頻播放器

    QT實現(xiàn)視頻播放器

    1.我們需要的頭文件 2. .cpp文件 3.ui界面 ? ? ?

    2024年02月12日
    瀏覽(23)
  • 【win視頻播放器】HEVC視頻擴展

    【win視頻播放器】HEVC視頻擴展

    ?播放此視頻需要新的編解碼器 編解碼器允許應(yīng)用讀取并播放不同文件??梢詮腗icrosoft Store下載該編解碼器 ¥7.00 現(xiàn)在獲取 稍后再說 方法一:(該方法我正常使用) 鏈接:https://pan.baidu.com/s/1ZmXNQHn_iAnmAtD6nBE06w?pwd=csvv? 提取碼:csvv 直接下載安裝來自設(shè)備制造商的HEVC擴展 方法

    2024年02月08日
    瀏覽(39)
  • C#制作簡易視頻播放器

    C#制作簡易視頻播放器

    1.打開vs2019新建一個窗體項目,選用框架.net framework4.7.2 2.在【工具箱】里隨便選中一個控件,右鍵單擊它 看到圖片中的【選擇項】了嘛,單擊它,打開添加組件的一個窗體 在添加組件窗體中的【COM組件】中找到【W(wǎng)indow Media Player】組件并勾選,然后【確定】 3.可以看到我們的

    2024年02月12日
    瀏覽(26)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包