- 首发:2020-09-01 13:13:51
- 教程
- 4846
昨日遇到客户反馈WebRTC
在安卓平台出现有视频无声音的故障。
系统运行在Android 7.1
平台,是小型公证一体机。采用自编译Chromium内核
封装Web页面混合开发实现。
在排除硬件问题后,测试WebRTC视频系统可以在“PC-PC”下正常运行,在“PC-Android”下,PC浏览器
中能听到Android端传过来的声音,画面也正常,但是Android端只能看到画面,无法听到PC端传输过来的声音。
问题解决过程
通过添加按钮
(产生交互),避免Chrome浏览器无法自动播放音频视频的问题
,问题仍然存在。
同一套WebRTC 视频系统
在同样的设备中已经出货很多台了,视频系统一直稳定运行。因此怀疑主板生产批次发生变化,主板厂商可能新批次中调整了硬件(固件相同。询问主板供应商得到回复是没有更改过硬件,但我们仍然没有完全排除硬件原因)。
在WebRTC SDP
配置中,配置的视频编码是VP8
,音频是OPUS
,初步怀疑音频编码参数在此批次Android设备中不兼容。
经过调整SDP
配置,发现问题仍然存在。
更换了H264
及音频参数,更换软解内核、尝试硬解,发现问题仍然存在。
升级了Chromium内核
到84
版本,问题仍然存在。
至此,不得不怀疑是软件出现了细微差别导致的音频异常。
问题解决方案
最终,根据经验对Android端
前端代码进行微调,发现问题在于remote
流绑定的video标签被动态插入
导致音频异常。
异常代码:
Node.appendChild(event.mediaElement)
修改后正常的代码:
// <video id="other-video" playsinline autoplay></video>
var otherVideos = document.querySelector('#other-video')
otherVideos.srcObject = event.stream
简单来说,即<video>
标签需要直接写在HTML
中,并且通过srcObject
方式将remote
流绑定到该标签。如果是多方通话,需要插入多个remote
流,可以先appendChild
组件,然后再修改其srcObject
参数。
居然是这样!折腾了好几周了,用博主的方法解决了问题,感谢!
恭喜!🎉
如遇问题,手动修改上述代码中的版本号为最新版即可。
😄 祝您顺利!
那个设备管理器没有手动添加过时设备了,我直接就重新装了一遍
dcm
我心不死,又重新回来搞这个。
上面的都做好了,windows hello的安装程序闪退(就是闪退做不了),后面还把我sdk客户端里面的Camera Explorer又找不到我的照相机了,我哭死。
能提供一下思路吗,作者大大