言

視頻播放器一直是Web端比較難整的功能，雖然已經(jīng)有比較優(yōu)秀的開(kāi)源庫(kù)。可以滿足日常開(kāi)發(fā)大部分的功能，但是在一些功能上還是不盡如人意。今天給大家介紹一款由西瓜團(tuán)隊(duì)開(kāi)源的視頻播放器。

官方的介紹如下：

字節(jié)跳動(dòng)的視頻業(yè)務(wù)大多數(shù)是短視頻，早期的時(shí)候我們?cè)?video.js 基礎(chǔ)上做二次開(kāi)發(fā)。后來(lái)發(fā)現(xiàn)很多功能達(dá)不到我們的要求，比如自定義UI的成本、視頻的清晰度無(wú)縫切換、視頻流量的節(jié)省。考慮到當(dāng)前點(diǎn)播依舊是mp4居多，我們做了個(gè)大膽的假設(shè)：在播放器端加載視頻、解析視頻、轉(zhuǎn)換格式，讓不支持分段播放的mp4動(dòng)態(tài)支持，這樣就無(wú)須轉(zhuǎn)換源視頻的格式，服務(wù)器端也無(wú)其他開(kāi)銷(xiāo)。在這個(gè)動(dòng)力下，我們?cè)?017年年底完成了這項(xiàng)開(kāi)發(fā)任務(wù)，并與2018年年初測(cè)試了穩(wěn)定性和經(jīng)濟(jì)收益。

在這個(gè)背景下，我們一次解析了 hls、flv 等視頻，這樣我們不再簡(jiǎn)單的依賴(lài)第三方的視頻庫(kù)，只有掌握了底層技術(shù)才有優(yōu)化的可能性。在不斷攻克 hls、flv 解析的背景下，我們?cè)鰪?qiáng)了產(chǎn)品體驗(yàn)，比如交互效果、進(jìn)場(chǎng)動(dòng)畫(huà)等。直到最近，我們想完善文檔并把播放器源代碼開(kāi)源出來(lái)給更多的視頻從業(yè)者一個(gè)參考，我們一起交流學(xué)習(xí)，共同進(jìn)步。

官網(wǎng)地址

官網(wǎng)地址：
https://v2.h5player.bytedance.com/
github地址：
https://github.com/bytedance/xgplayer

特性

• 支持格式：MP4、HLS、FLV
• 易拓展：靈活的插件體系、PC\移動(dòng)端自動(dòng)切換、安全的白名單機(jī)制
• 更豐富：強(qiáng)大的MP4控制、點(diǎn)播的無(wú)縫切換、有效的帶寬節(jié)省
• 較完整：完整的產(chǎn)品機(jī)制、錯(cuò)誤的監(jiān)控上報(bào)、自動(dòng)的降級(jí)處理
• 200+產(chǎn)品都在使用：百度、網(wǎng)易、移動(dòng)等

快速上手

安裝

# npm 方式
npm install xgplayer
# cdn 方式
<script src="//cdn.jsdelivr.net/npm/xgplayer@2.9.6/browser/index.js" type="text/javascript"></script>

在頁(yè)面提供占位 DOM

<div id="mse"></div>

實(shí)例化

let player=new Player({
  id: 'mse',
  url: '//abc.com/**/*.mp4'
});

就兩步完成最簡(jiǎn)單的視頻播放（mp4點(diǎn)播），播放器提供了較豐富的配置選項(xiàng)，如自動(dòng)播放、貼圖、音量控制、內(nèi)置控件關(guān)閉等等，更多配置參考

運(yùn)行效果

豐富的配置

• 選擇器

• 視頻源
• 尺寸
• 流式布局
• 自適應(yīng)視頻內(nèi)容寬高
• 音量調(diào)節(jié)
• 封面圖
• 倍速調(diào)節(jié)
• 預(yù)覽、全屏
• 彈幕
• 畫(huà)中畫(huà)
• 截圖
• ……

還有好多，具體的可以去官網(wǎng)查看相關(guān)的配置

豐富的插件和api

具體的內(nèi)容太多了，如果有需要的可以去官網(wǎng)查看相關(guān)的配置。

音樂(lè)播放器

竟然還支持音樂(lè)播放……這個(gè)功能就有點(diǎn)太 nb 了

總結(jié)

官網(wǎng)還有很多實(shí)用的在線工具和示例Demo。大家可以去官網(wǎng)查看，總之一定會(huì)有你想不到的配置和功能。這里因?yàn)槠脑驔](méi)有都列舉出來(lái)，大家一定要去官網(wǎng)查看~~

關(guān)注我，分享最實(shí)用的開(kāi)發(fā)工具，提高工作效率，拒絕加班~~

Splayer安卓去廣告破解版是一個(gè)功能強(qiáng)大的媒體播放器。有著硬件加速，自動(dòng)搜尋字幕，以及自局域網(wǎng)路SMB共享、影視緩沖等諸多功能，帶給你最好的影音播放體驗(yàn)。

軟件介紹

BSplayer漢化版(影音播放器)是一款全能硬解播放器，可以播放視頻和音頻，幾乎支持所有格式，如avi, divx, flv, mkv, mov, mp4, m4v, rmvb, wmv, 3gp, mp3，還支持http或rtsp的在線流媒體播放。支持ssa/ass, srt, sub等字幕格式，還可以通過(guò)wifi網(wǎng)絡(luò)直接播放網(wǎng)絡(luò)文件，支持播放rar壓縮包中的文件。

軟件特色

- 沒(méi)有廣告

- 音頻前置放大

- 硬件加速視頻播放 – 顯著增加播放速度，并降低電池消耗*

- 支持幾乎所有的媒體文件（視頻和音頻播放器），如：AVI，DIVX，F(xiàn)LV，MKV，MOV，MPG，MTS，MP4，M4V，RMVB，WMV，3GP，MP3 的RTMP，RTSP協(xié)議的HTTP，MMS（TCP，HTTP），HTTP實(shí)時(shí)流，如內(nèi)容。

- 多音頻流和字幕。

- 支持播放列表和各種播放模式。

- 外部和內(nèi)嵌字幕SSA / ASS，SRT，SUB …

- 自動(dòng)字幕搜索（手機(jī)或Wi-Fi連接必須啟用工作）

- 播放媒體文件，如視頻和MP3是通過(guò)Wi-Fi直接從你的網(wǎng)絡(luò)共享驅(qū)動(dòng)器/活頁(yè)夾（如外部USB驅(qū)動(dòng)器，SMB共享的PC共享活頁(yè)夾，NAS服務(wù)器（暉和他人）） – 無(wú)需要轉(zhuǎn)換的視頻文件并復(fù)制的媒體文件到SD卡了！

- 播放的文件，直接從解壓縮RAR文件！

http://www.3h3.com/az/183786.html