没有 <audio> 元素的 WebRTC 音频 (RTCMultiConnection)
Posted
技术标签:
【中文标题】没有 <audio> 元素的 WebRTC 音频 (RTCMultiConnection)【英文标题】：WebRTC audio heard without <audio> element (RTCMultiConnection) 【发布时间】：2014-09-16 08:02:01 【问题描述】：即使在 DOM 中似乎没有插入音频元素，也会听到音频。
场景：
-
创建没有流的 PeerConnection
添加流但禁用将 MediaElements（音频、视频）添加到 DOM 的代码
问题：
-
流通过后，可以从耳机（或扬声器）听到音频。
应该发生什么：
-
由于我没有在 dom 上附加任何东西，我希望不会听到任何声音。
Code for replicating the scenario
// <body>
// <script src="https://cdn.webrtc-experiment.com/RTCMultiConnection.js"></script>
// <button id="start">Start!</button>
// </body>
$('#start').click(function()
var NO_MEDIA_SESSION = video: false, audio: false, oneway: true;
var caller = new RTCMultiConnection('lets-try');
caller.session = NO_MEDIA_SESSION;
caller.dontAttachStream = true;
caller.onstream = function() console.log("Got stream but not attaching") ;
var receiver = new RTCMultiConnection('lets-try');
receiver.session = NO_MEDIA_SESSION;
receiver.dontAttachStream = true;
receiver.onstream = function() console.log("Got stream but not attaching") ;
caller.open();
receiver.connect();
receiver.onconnected = function()
console.log("Connected!");
caller.addStream(audio: true);
);
我很感兴趣如何在没有 audio DOM 元素的情况下听到 MediaStream？ 如果有任何 RTCMultiConnection 专家回答，那么也许会指出我如何避免音频流被听到？ （我想自己获取流并稍后附加）。
【问题讨论】：
【参考方案1】：RTCMultiConnection 即时创建mediaElement 以确保onstream 事件仅在媒体流开始流动时触发。
connection.onstream = function(event)
event.mediaElement.pause(); // or volume=0
// or
event.mediaElement = null;
// or
delete event.mediaElement;
;
更新：
使用以下sn-p：
var connection = new RTCMultiConnection();
connection.session =
data: true
;
btnOpenRoom.onclick = function()
connection.open('roomid');
;
btnJoinRoom.onclick = function()
connection.join('roomid');
;
btnAddAudiostream.onclick = function()
connection.addStream(
audio: true
);
;
btnAddAudioVideoStream.onclick = function()
connection.addStream(
audio: true,
video: true
);
;
【讨论】：
谢谢。这解决了这个问题。我自己也得出了结论 - 如果创建的 MediaElement（音频或视频）调用了#play，用户将听到音频。因此，正如您建议调用#pause 那样，将音量设置为0（或不调用#play）即可。 (github.com/muaz-khan/WebRTC-Experiment/blob/…) 我的假设是错误的，即 MediaElement 需要附加到 DOM。 创建了另一个示例来证明不需要附加到 dom，尽管从 DOM 中删除会停止音频。 jsfiddle.net/2113jvr9以上是关于没有 <audio> 元素的 WebRTC 音频 (RTCMultiConnection)的主要内容，如果未能解决你的问题，请参考以下文章
播放 <video> 时将 <audio> 元素设置为 50% 的音量