移动端点播,直播播放器的问题?

发布于 2022-09-04 23:03:20 字数 449 浏览 18 评论 0

原因:

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

需求:

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

问题:

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

目前解决办法:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

烟雨凡馨 2022-09-11 23:03:20

video好像只在微信里是全屏的,你需要在video标签里面加个内联元素来阻止全屏 好像是这样:

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

至于自动播放的话,你需要写个兼容,区分在微信和在浏览器打开的情况,微信你需要调用他们的jssdk接口,没必要填参数,只要加上一句:

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

wx.ready(function(){
    video.play();
});

好像这样应该就可以了

往昔成烟 2022-09-11 23:03:20

楼主找到解决音频直播的解决方案了么 最近也在研究这方面 有js库之类可以参考嘛

缺⑴份安定 2022-09-11 23:03:20

楼主,一些安卓手机是不支持播放m3u8吗,测试到一些安卓手机会一直loading转圈圈。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文