在浏览器中,我想捕获以.mp3作为源的音频标签流,然后通过WebRTC将其实时发送到服务器。我不想通过扬声器听到它。
是否可以在没有扬声器输出的情况下调用audioElement.play()?
答案 0 :(得分:5)
new Audio()
返回连接到浏览器默认音频输出设备的 HTMLAudioElement
。您可以通过运行在开发控制台中验证这一点:
> new Audio().sinkId
<- ""
其中空字符串输出指定 user agent default sinkId
。
将 HTMLAudioElement
实例的输出连接到非默认接收器的灵活方式(例如,如果您不想通过扬声器听到它,而只想将其发送到另一个目的地,例如WebRTC peer connection),就是使用全局AudioContext
对象来create a new MediaStreamAudioDestinationNode
。然后,您可以通过 Audio
从保存您的 mp3 文件的 audioContext.createMediaElementSource(mp3Audio)
对象中获取 MediaElementAudioSourceNode
,并将其连接到您的新音频目标节点。然后,当您运行 mp3Audio.play()
时,它只会流到目标节点,而不是默认(扬声器)音频输出。
完整示例:
// Set up the audio node source and destination...
const mp3FilePath = 'testAudioSample.mp3'
const mp3Audio = new Audio(mp3FilePath)
const audioContext = new AudioContext()
const mp3AudioSource = audioContext.createMediaElementSource(mp3Audio)
const mp3AudioDestination = audioContext.createMediaStreamDestination()
mp3AudioSource.connect(mp3AudioDestination)
// Connect the destination track to whatever you want,
// e.g. another audio node, or an RTCPeerConnection.
const mp3AudioTrack = mp3AudioDestination.stream.getAudioTracks()[0]
const pc = new RTCPeerConnection()
pc.addTrack(track)
// Prepare the `Audio` instance playback however you'd like.
// For example, loop it:
mp3Audio.loop = true
// Start streaming the mp3 audio to the new destination sink!
await mp3Audio.play()
答案 1 :(得分:0)
似乎可以使音频元素静音并仍然捕获流:
audioElement.muted = true;
var stream = audioElement.captureStream();