См. Связанный вопрос: Navigator.mediaDevices.getUserMedia не работает на iOS 12 Safari
Мы пытаемся захватить звук из пользовательского ввода MediaDevices.getUserMedia и Audio Context
Когда пользователь нажимает кнопку, мы проверяем наличие доступных устройств, а затем записываем их аудиопоток
let enumDevicePromise = navigator.mediaDevices.enumerateDevices()
.then(devices => devices.find(d => d.kind === "audioinput" && d.label !== "" && d.deviceId === "default"))
.catch((error) => {
// handle error
});
this.handleCheckEnumeratedDevices(enumDevicePromise); // capture device in backend
.....
navigator.mediaDevices
.getUserMedia({
audio: true,
video: false,
})
.then(stream => {
let AudioContext = window.AudioContext || window.webkitAudioContext;
if (AudioContext) {
let context = new AudioContext();
let source = context.createMediaStreamSource(stream);
let processor = context.createScriptProcessor(4096, 1, 1);
source.connect(processor);
processor.connect(context.destination);
processor.onaudioprocess = (event) => {
let audioIn = event.inputBuffer.getChannelData(0);
this.sendMessage(this.toInt16(audioIn));
}
} else {
// handle error, ie, Audio Context not supported
}
}).catch((error) => {
// handle error
});
});
Это прекрасно работает в Chrome и Firefox, но в Safari 12 мы получаем ответ Null от обещания перечислить устройства - несмотря на разрешение разрешений микрофона - и мы из-за этого не можем захватить аудиопоток