整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
開源精選》是我們分享Github、Gitee等開源社區(qū)中優(yōu)質(zhì)項目的欄目，包括技術、學習、實用與各種有趣的內(nèi)容。本期推薦的是一個開源的HTML5流媒體播放器——PearPlayer.js。
PearPlayer是完全用JavaScript寫的開源HTML5流媒體播放框架，實現(xiàn)了融合HTTP（含HTTPS、HTTP2）和WebRTC的多協(xié)議、多源、低延遲、高帶寬利用率的無插件Web客戶端流媒體加速能力。基于H5的MSE（Media Source Extension）技術將來自多個源節(jié)點的Buffer分塊喂給播放器，再加上精心設計的算法可實現(xiàn)最優(yōu)的調(diào)度策略及對各種異常情況的處理，PearPlayer由此能在保證用戶流暢視頻體驗的前提下最大化P2P率。
首先通過script標簽導入pear-player.min.js：
<script src="./dist/pear-player.min.js"></script>或者使用CDN：
<script src="https://cdn.jsdelivr.net/npm/pearplayer@latest"></script>假設用video標簽播放以下視頻，HTML如下：
<video id="pearvideo" src="https://qq.webrtc.win/tv/Pear-Demo-Yosemite_National_Park.mp4" controls>只需以下幾行代碼，即可將PearPlayer綁定到video標簽：
<script>
/**
* 第一個參數(shù)為video標簽的id或class
* opts是可選的參數(shù)配置
*/
if (PearPlayer.isMSESupported()) {
var player = new PearPlayer('#pearvideo', opts);
}
</script>至此，就已經(jīng)添加播放器了，無需任何插件。
開源地址：https://gitee.com/PearInc/PearPlayer.js
開源精選》是我們分享Github、Gitee等開源社區(qū)中優(yōu)質(zhì)項目的欄目，包括技術、學習、實用與各種有趣的內(nèi)容。本期推薦的是一個開源的 HTML5 視頻播放器插件——MuiPlayer。
MuiPlayer 是一個開源的HTML5視頻播放插件，其默認配置了精美可操作的的播放控件，涉及了常用的播放場景，例如全屏播放、播放快進、循環(huán)播放、音量調(diào)節(jié)等功能。支持 mp4、m3u8、flv 等多種媒體格式播放，解決大部分兼容問題，同時適應在PC、手機端播放。
使用 npm 安裝：
npm i mui-player --save使用 yarn 安裝：
yarn add mui-player1 使用 script 標簽引入：
<!-- 引入基礎樣式文件 mui-player.min.css -->
<link rel="stylesheet" type="text/css" href="css/mui-player.min.css"/>
<!-- 引入基礎腳本 mui-player.min.js -->
<script type="text/javascript" src="js/mui-player.min.js"></script>
<!-- 指定播放器容器 -->
<div id="mui-player"></div>或者使用模塊管理器引入：
import 'mui-player/dist/mui-player.min.css'
import MuiPlayer from 'mui-player'2 定義播放器容器
<div id="mui-player"></div>3 初始化構建播放器
// 初始化 MuiPlayer 插件，MuiPlayer 方法傳遞一個對象，該對象包括所有插件的配置
var mp = new MuiPlayer({
container:'#mui-player',
title:'標題',
src:'./static/media/media.mp4',
})以上就能為初始化構建一個具有默認配置控件的視頻播放器。
更多API基礎配置： https://muiplayer.js.org/zh/guide/api.html#%E4%B8%BB%E8%A6%81%E9%85%8D%E7%BD%AE
更多內(nèi)容大家可自行前往閱讀。
開源地址：https://gitee.com/muiplayer/hello-muiplayer
ideo.js 是基于 jquery 的HTML5＆Flash 視頻播放器, 遵守Apache 2.0開源協(xié)議。支持多平臺。 Moreover，YouTube，Vimeo 等視頻都可播放。對移動設備的支持也很好。
快速試用：
可以使用免費CDN托管版本的 Video.js，簡單地將這些文件添加到頁面文檔的 <head>中即可使用：
<link rel="stylesheet"><script src="http://vjs.zencdn.net/4.12/video.js"></script>
然后使用一個HTML5 <video>標簽嵌入視頻即可。 Video.js 接下來會讀取標簽然后讓它在所有瀏覽器中都可以工作。
微信訂閱號：開源派 （opensourcepie）
↓點擊閱讀原文,查看下載鏈接
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
