我正在使用这里的代码: https://github.com/TwilioDevEd/video-quickstart-php 开发 webRTC Web 应用程序。
示例应用程序在 2 个浏览器上成功运行时,会创建以下 HTML:
<div id="remote-media">
<audio src="blob:https%3A//myAddress.com/8a537e34-9ab2-4bea-a85d-61e5f80b585c"></audio>
<video src="blob:https%3A//myAddress.com/22b23b46-9021-4f15-9ab5-ffb78fec2d48"></video>
</div>
<div id="local-media">
<audio src="blob:https%3A//myAddress.com/740c8e33-cc60-4d1e-b1fe-2c23742e618d"></audio>
<video src="blob:https%3A//myAddress.com/3105d4a2-cd71-4408-8b7c-771cba677829"></video>
</div>
它适用于 PC 上的 Chrome 和 Firefox,也适用于 Android 上的 Firefox。
Android 上的 Chrome 连接,有视频和音频输入,在远程浏览器上可见和可听,并且有视频输出 - 从远程浏览器流式传输的视频。问题:没有音频输出。
我已经在创建
$("audio").autoplay="true";
元素的 JavaScript 中尝试了 <audio>
。
我在同一设备上的同一 Chrome 安装中打开了其他网页(例如 YouTube),并且我有音频和视频。
我错过了什么?
“在 iOS 和 Android 版 Chrome 上,自动播放不起作用;用户必须点击屏幕才能播放视频。” 来源: https://developers.google.com/web/fundamentals/design-and-ui/media/video/quick-reference?hl=en#autoplay
我的解决方案:
<button id="audioOn" onclick="$('#remote-media > audio')[0].play()">Cant hear? Click me!</button>