问题描述
问题
使用 iPad 的 iOS Safari,我可以使用 Daily.co's video API 呼叫其他设备。但是当我开始通过 audio-recorder-polyfill library 录制我的本地麦克风时,其他人将不再能够听到我的声音,即使我仍然可以听到他们并分享我的相机。即使录音会话结束,音频通话仍然中断(尽管录音机工作正常)。
这似乎是特定于 iOS 的,因为我的 Surface 的 Windows Chrome 没有问题。
如何复制
大约需要 2 分钟
- 使用 iPad Safari 和任何其他设备访问 explain.mit.edu。按绿色呼叫按钮。
- 确认视频通话正常后,按下 iPad 上的录音按钮
- 请注意,其他设备再也听不到任何声音
我尝试了什么
首先,我猜测 MediaRecorder 会使 Daily 视频通话对麦克风的访问无效,因此我使用 setLocalDevice
每 5 秒重新指定对 Daily 的访问,看看会发生什么。录音时没有区别,但录音结束时,它确实恢复了音频通话。
所以剩下的问题是音频调用流在录制过程中不起作用:我阅读了关于 MediaCapture API 的 MDN 文档,它提到一个流有一个输入和一个输出,但我不知道这究竟意味着什么,以及麦克风流是否可以被两个“事物”同时访问。
相关代码
我只使用 Daily 和 audio-recorder-polyfill 提供的基本最低 API
await this.CallObject.join({
url: conferenceRoom.url,userName: this.sessionID
});
录音 (full code here)
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
this.recorder = new MediaRecorder(stream);
this.recorder.start();
我不认为该问题是由其他任何地方引起的,但如果需要here's the full repository code
真实环境 对于上下文,我研究 https://explain.mit.edu。你去那里寻求帮助,然后其他人会到达并使用实时黑板和语音聊天向你解释一些事情 - 而 KhanAcademy 视频是作为副产品制作的。但是现在如果有人按下“录音”,语音聊天将停止工作。
解决方法
我们可以为此处理一个重现案例,但我对发生了什么有一个猜测。过去,iOS Safari 会在调用 getUserMedia()
时停止来自本地麦克风/摄像头的任何当前曲目。因此,与桌面浏览器和 Android Chrome 不同,在 iOS 上您不能请求或使用多个流。
iOS Safari 是一个不断变化的目标,我最近没有关注这个具体问题。但是,如果情况确实如此,您可能可以通过对代码进行很小的更改来解决此问题。
代替:
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
您可以从 Daily call 对象中获取本地音轨并从中制作流:
const track = this.callObject.participants().local.tracks.audio.persistentTrack
if (!track) {
throw new Error("can't start recording right now ... no audio track");
}
this.recorder = new MediaRecorder(new MediaStream([track]));
this.recorder.start();