如何在 iOS Safari 上使用 Daily.co 录制麦克风同时进行视频通话

问题描述

问题

使用 iPad 的 iOS Safari,我可以使用 Daily.co's video API 呼叫其他设备。但是当我开始通过 audio-recorder-polyfill library 录制我的本地麦克风时,其他人将不再能够听到我的声音,即使我仍然可以听到他们并分享我的相机。即使录音会话结束,音频通话仍然中断(尽管录音机工作正常)。

这似乎是特定于 iOS 的,因为我的 Surface 的 Windows Chrome 没有问题。

如何复制

大约需要 2 分钟

  1. 使用 iPad Safari 和任何其他设备访问 explain.mit.edu。按绿色呼叫按钮。
  2. 确认视频通话正常后,按下 iPad 上的录音按钮
  3. 请注意,其他设备再也听不到任何声音

我尝试了什么

首先,我猜测 MediaRecorder 会使 Daily 视频通话对麦克风的访问无效,因此我使用 setLocalDevice 每 5 秒重新指定对 Daily 的访问,看看会发生什么。录音时没有区别,但录音结束时,它确实恢复了音频通话。

所以剩下的问题是音频调用流在录制过程中不起作用:我阅读了关于 MediaCapture API 的 MDN 文档,它提到一个流有一个输入和一个输出,但我不知道这究竟意味着什么,以及麦克风流是否可以被两个“事物”同时访问。

相关代码

我只使用 Daily 和 audio-recorder-polyfill 提供的基本最低 API

视频通话 (full code here)

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();

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...