Как исправить ошибку «Audion не может определить объект, вызывающий« connect »», при попытке запустить AudioContext.createMediaElementSource ()?

Question

Попытка создать аудиоэлемент, используя javascript, а затем создать аудиоисточник, вызвав AudioContext.createMediaElementSource (), но получить сообщение об ошибке в консоли Chrome, в котором говорится, что Audion не может определить объект, вызывающий «connect»

Снимок экрана с сообщением об ошибке

Я попытался создать этот аудиоэлемент в HTML и использовать Document.querySelector (), чтобы получить этот аудиофайл, но получил ту же ошибку.

const audio = new Audio("./path/to/audio.mp3");
const audioSource = audioCtx.createMediaElementSource(audio);
audioSource.connect(audioCtx.destination);

Answer 1

Предупреждение исходит от расширения Chrome, которое официально называется Web Audio Inspector .Это кодовое имя Audion.Исходный код доступен на GitHub .Здесь генерируется предупреждающее сообщение: https://github.com/google/audion/blob/master/js/entry-points/tracing.js#L747

Думаю, проблема в том, что Audion все еще исправляет прототип BaseAudioContext, но недавнее изменение в спецификации переместило функции, такие как createMediaElementSource (), в прототип AudioContext.Я продолжу и создам для этого проблему на GitHub, которая, надеюсь, будет исправлена ​​в какой-то момент.

При этом, это просто предупреждение, и оно не должно помешать правильной работе вашего сайта.