搜尋

首頁  >  問答  >  主體

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

原因:

公司做课程直播,也就是直播讲课,但是只有音频直播没有视频。

需求:

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

問題:

如果用`<video>`标签来拉流的话,是可以播放的,基本上都能播放,但是**不能自动播放**,而且**会全屏**
如果用`<audio>`标签只能兼容部分android版本手机,基本试了市面上的大部分播放器,基本也是这两个问题:
会全屏,不能自动播放,但是其他公司就能达到我们想要的效果,比如:蜻蜓什么的fm平台,就想问问有没有
大神给支个招,怎么解决这个问题啊?

目前解決辦法:

判断已知机型来决定用video还是用audio,但这不是解决办法啊!
求指教
阿神阿神2746 天前574

全部回覆(1)我來回復

  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-24 11:39:17

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

    <video src="" webkit-playsinline playsinline></video>

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

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

    好像這樣應該就可以了

    回覆
    0
  • 取消回覆