Javascript 在HTML5页面上同时播放视频和音频

我目前遇到一个问题，我需要能够在同一页面上测试用户设备（摄像头和音频）。对于相机，我使用

getUserMedia

，然后将其显示在页面上的标签中，如下所示：

this.refs.myVideoRef.srcObject  = mystream

我还有一个音频对象，它可以播放我的测试音频文件，直到我为视频分配了一个流（如上所述）

一旦视频开始播放，音频将静音且无法重置。即使我像预期的那样为两个对象手动设置了

mute

属性，我仍然听不到

有没有办法设置

总是覆盖

？还是有更好的方法

<audio controls ref='audioTest' src="myTest.mp3" />