javascript - 移動端點播,直播播放器的問題?
問題描述
原因:
公司做課程直播,也就是直播講課,但是只有音頻直播沒有視頻。
需求:
在微信端上能自動播放直播流(m3u8),隱藏播放器(因為要看互動聊天信息)。
問題:
如果用`<video>`標簽來拉流的話,是可以播放的,基本上都能播放,但是**不能自動播放**,而且**會全屏**如果用`<audio>`標簽只能兼容部分android版本手機,基本試了市面上的大部分播放器,基本也是這兩個問題:會全屏,不能自動播放,但是其他公司就能達到我們想要的效果,比如:蜻蜓什么的fm平臺,就想問問有沒有大神給支個招,怎么解決這個問題啊?
目前解決辦法:
判斷已知機型來決定用video還是用audio,但這不是解決辦法啊!求指教
問題解答
回答1:video好像只在微信里是全屏的,你需要在video標簽里面加個內聯元素來阻止全屏 好像是這樣:
<video src='http://www.aoyou183.cn/wenda/3035.html' webkit-playsinline playsinline></video>
至于自動播放的話,你需要寫個兼容,區分在微信和在瀏覽器打開的情況,微信你需要調用他們的jssdk接口,沒必要填參數,只要加上一句:
wx.config({ debug: false, appId: ’’, timestamp:1, nonceStr: ’’, signature: ’’, jsApiList: []});wx.ready(function(){ video.play();});
好像這樣應該就可以了
