您的位置:首頁技術文章
文章詳情頁

javascript - 移動端點播,直播播放器的問題?

瀏覽:93日期:2022-12-03 18:25:14

問題描述

原因:

公司做課程直播,也就是直播講課,但是只有音頻直播沒有視頻。

需求:

在微信端上能自動播放直播流(m3u8),隱藏播放器(因為要看互動聊天信息)。

問題:

如果用`<video>`標簽來拉流的話,是可以播放的,基本上都能播放,但是**不能自動播放**,而且**會全屏**如果用`<audio>`標簽只能兼容部分android版本手機,基本試了市面上的大部分播放器,基本也是這兩個問題:會全屏,不能自動播放,但是其他公司就能達到我們想要的效果,比如:蜻蜓什么的fm平臺,就想問問有沒有大神給支個招,怎么解決這個問題啊?

目前解決辦法:

判斷已知機型來決定用video還是用audio,但這不是解決辦法啊!求指教

問題解答

回答1:

video好像只在微信里是全屏的,你需要在video標簽里面加個內聯元素來阻止全屏 好像是這樣:

<video src='http://www.wxshucaidpc.com/wenda/3035.html' webkit-playsinline playsinline></video>

至于自動播放的話,你需要寫個兼容,區分在微信和在瀏覽器打開的情況,微信你需要調用他們的jssdk接口,沒必要填參數,只要加上一句:

wx.config({ debug: false, appId: ’’, timestamp:1, nonceStr: ’’, signature: ’’, jsApiList: []});wx.ready(function(){ video.play();});

好像這樣應該就可以了

標簽: JavaScript
国产综合久久一区二区三区