webrtc android 声音处理,WebRTC 安卓有视频无声音问题解决

昨日遇到客户反馈WebRTC在安卓平台出现有视频无声音的故障。

7c67bccec9e3f904d981f3661df517d7.png

系统运行在Android 7.1平台,是小型公证一体机。采用自编译Chromium内核封装Web页面混合开发实现。

0eff7747c35acd3cf466ffa0574649bc.png

在排除硬件问题后,测试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)

修改后正常的代码:

//

var otherVideos = document.querySelector('#other-video')

otherVideos.srcObject = event.stream

简单来说,即标签需要直接写在HTML中,并且通过srcObject方式将remote流绑定到该标签。如果是多方通话,需要插入多个remote流,可以先appendChild组件,然后再修改其srcObject参数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值