8

我正在开发一个演示站点，其中包含一个允许用户拨打电话的滑出小部件。

我正在使用 SIPml5 工具和 webrtc2sip 后端来处理呼叫。该部分已全部设置并正常工作。所以现在我正在研究是否可以使用小部件中的滑块来控制麦克风和音量。这甚至可能吗？我在网上到处找，运气不太好。

我确实找到了几个网站，它们向我展示了如何在 jQuery 滑块代码中控制音频标签的音量。所以我尝试像下面的代码一样设置它：

$(function() {
        $( "#slider-spkr" ).slider({
          orientation: "vertical",
          range: "min",
          min: 0,
          max: 100,
          value: 60,
          slide: function( event, ui ) {
            var value = $("#slider-spkr").slider("value");
            document.getElementById("audio_remote").volume = (value / 100);
          },
          change: function() {
            var value = $("#slider-spkr").slider("value");
            document.getElementById("audio_remote").volume = (value / 100);
          }
        });
    });

不幸的是，这也不起作用。所以我不确定在使用 SIPml5 时是否允许我这样做，或者我的 jQuery 代码是否需要调整。

有没有其他人在添加麦克风/音量控制方面有运气？谢谢你的帮助。

4

2 回答 2

11

Afaik 无法调节麦克风音量。但是您可以使用流 api 打开/关闭它：

function toggleMic(stream) { // stream is your local WebRTC stream
  var audioTracks = stream.getAudioTracks();
  for (var i = 0, l = audioTracks.length; i < l; i++) {
    audioTracks[i].enabled = !audioTracks[i].enabled;
  }
}

此代码适用于本机 webrtc api，而不是 sipML5。他们似乎还没有实施它。这里不是很清楚的收据。

于 2013-06-05T16:10:16.687 回答
6

嗯，这是可能的，但目前仅在 Chrome 中并且有一些假设。我不是作者，你可以在这个开源库 ( SimpleWebRtc ) 中找到这段代码的灵感。

navigator.webkitGetUserMedia(constraints, 
    function(webRTCStream){
        var context = new window.AudioContext();
        var microphone = context.createMediaStreamSource(webRTCStream);
        var gainFilter = context.createGain();
        var destination = context.createMediaStreamDestination();
        var outputStream = destination.stream;
        microphone.connect(gainFilter);
        gainFilter.connect(destination);
        var filteredTrack = outputStream.getAudioTracks()[0];
        webRTCStream.addTrack(filteredTrack);
        var originalTrack = webRTCStream.getAudioTracks()[0];
        webRTCStream.removeTrack(originalTrack);
    },
    function(err) {
        console.log("The following error occured: " + err);
      }
 );

诀窍是修改流，然后用修改后的流的音轨（取自 MediaStreamDestination 流）替换当前流的音轨。

免责声明：

从版本 35 开始，这在 FireFox 中不起作用，因为它们只是没有实现 MediaStream.addTrack/removeTrack。我目前使用此检查

  this.micVolumeIsSupported = function() {
    var MediaStream = window.webkitMediaStream || window.MediaStream;
    return !!MediaStream.prototype.addTrack && !!MediaStream.prototype.removeTrack;
  };
_gainSupported = this.micVolumeIsSupported();

这在 Chrome 中是有限制的，因为有一个错误会停止带有混合轨道的流。您可能希望在关闭连接或连接中断之前恢复这些轨道；

this.restoreTracks = function(){
  if(_gainSupported && _tracksSubstituted){
    webRTCStream.addTrack(originalTrack);
    webRTCStream.removeTrack(filteredTrack);
    _tracksSubstituted = false;
  }
};

这对我有用

于 2015-02-19T04:13:10.340 回答