国产精一区二区_午夜视频99_免费白白视频_中文字幕一区免费

CRMEB知識付費系統小課堂——如何支持M3U8格式播放的方法

CRMEB
+ 關注
2022-09-29 11:20
648次閱讀

CRMEB知識付費系統是一款方便二開的內容付費+微商城系統;支持講師入駐,通過直播、視頻、音頻、圖文、題庫等多種內容形式,快速實現內容變現。

對于很多開發者在了解我們知識付費系統的時候,對知識付費如何支持M3U8格式播放的方法想進行了解下面就跟小編一起看下如何支持M3U8格式播放。

當前知識付費使用阿里云web播放器作為視頻播放器。阿里云web播放器本身支持MP4和M3U8格式播放,由于知識付費底層引入RequireJS,導致阿里云web播放器Hls擴展插件變成AMD模塊,從而將Hls未被全局暴露,進而導致知識付費目前只支持MP4格式播放。

讓知識付費支持M3U8格式,就需要將Hls全局暴露。目前有兩種方法,一種是在引入RequireJS之前使用script標簽引入hls.js文件,這樣就可以避免在引入hls.js文件之前全局環境已經存在define.amd,從而暴露Hls全局變量。另一種是使用RequireJS的require()引入hls.js,然后將Hls掛載到全局對象。1. script標簽引入

CRMEB知識付費系統小課堂——如何支持M3U8格式播放的方法

如上圖所示,必須寫在block name=”head_top”模塊中,否則無效。因為這個block在requirejs所在block之前。這里的block屬于thinkphp內容。

CRMEB知識付費系統小課堂——如何支持M3U8格式播放的方法

如上圖所示,這是aliplayer.js中對于Hls的使用,故而Hls必須掛載到全局對象,否則不能獲取到Hls對象。

2. require()引入

CRMEB知識付費系統小課堂——如何支持M3U8格式播放的方法

如上圖,在require.config的paths中配置好aliplayer、aliplayer-hls和aliplayer-plugin。其中aliplayer-plugin是作為中間模塊使用。

CRMEB知識付費系統小課堂——如何支持M3U8格式播放的方法

如上圖所示,這是aliplayer-plugin模塊,在這個模塊中將Hls掛載到全局對象。這樣整個流程就可以正常運行。

其實兩種方法的最終目的都是將Hls暴露出來,這樣后續功能才可以正常運行,不管哪一種方法,主要看整個項目規范和功能實現的難易程度。具體運行中會怎么樣,還需要不斷地測試和讀懂aliplayer在一些關鍵點的處理方式。

您如果還想了解更多知識付費的功能技術規則等問題,可以關注CRMEB官網-行業新聞。有更多實用的技術知識為您分享!

[免責聲明]

原文標題: CRMEB知識付費系統小課堂——如何支持M3U8格式播放的方法

本文由作者原創發布于36氪企服點評;未經許可,禁止轉載。

資深作者CRMEB
CRMEB
0
西安眾邦網絡科技有限公司
實力廠商
實力廠商
優質服務
優質服務
及時響應
及時響應
立即詢價
相關文章
最新文章
查看更多
關注 36氪企服點評 公眾號
打開微信掃一掃
為您推送企服點評最新內容
消息通知
咨詢入駐
商務合作