javascript - 移动端点播,直播播放器的问题?
问题描述
原因:
公司做课程直播,也就是直播讲课,但是只有音频直播没有视频。
需求:
在微信端上能自动播放直播流(m3u8),隐藏播放器(因为要看互动聊天信息)。
问题:
如果用`<video>`标签来拉流的话,是可以播放的,基本上都能播放,但是**不能自动播放**,而且**会全屏**如果用`<audio>`标签只能兼容部分android版本手机,基本试了市面上的大部分播放器,基本也是这两个问题:会全屏,不能自动播放,但是其他公司就能达到我们想要的效果,比如:蜻蜓什么的fm平台,就想问问有没有大神给支个招,怎么解决这个问题啊?
目前解决办法:
判断已知机型来决定用video还是用audio,但这不是解决办法啊!求指教
问题解答
回答1:video好像只在微信里是全屏的,你需要在video标签里面加个内联元素来阻止全屏 好像是这样:
<video src='https://www.haobala.com/wenda/3035.html' webkit-playsinline playsinline></video>
至于自动播放的话,你需要写个兼容,区分在微信和在浏览器打开的情况,微信你需要调用他们的jssdk接口,没必要填参数,只要加上一句:
wx.config({ debug: false, appId: ’’, timestamp:1, nonceStr: ’’, signature: ’’, jsApiList: []});wx.ready(function(){ video.play();});
好像这样应该就可以了