Uncaught TypeError: Не удалось выполнить «createMediaElementSource» для «AudioContext»: параметр 1 не относится к типу «HTMLMediaElement»

Question

В настоящее время я пытаюсь создать аудио-визуализатор в JavaScript, и эта ошибка продолжает выдаваться:

Uncaught TypeError: Не удалось выполнить 'createMediaElementSource' для 'AudioContext': параметр 1 не имеетвведите 'HTMLMediaElement'.

Я не совсем уверен, как исправить ошибку, я искал ответы по всему интернету, но мне ничего не помогло.

Музыка воспроизводится, когда вы нажимаете кнопку воспроизведения, но мне нужен мой визуализатор для приема данных от аудиоэлемента, чтобы у меня был работающий визуализатор.

Это ссылка на мой код, выВы можете получить к нему доступ, щелкнув правой кнопкой мыши и нажав Осмотреть .

Answer 1

вот часть вашего кода:

let audioCtx = new (window.AudioContext || window.webkitAudioContext)();
let audio = document.querySelector('song1');
let analyser = audioCtx.createAnalyser();
let source = audioCtx.createMediaElementSource(audio);

вы пытаетесь получить элемент song1, но он не существует в вашем HTML. Вероятно, поэтому вы получаете эту ошибку. Также, если вы пытаетесь получить элемент по идентификатору, вы должны сделать

let audio = document.querySelector('#song1');

, а затем в html

<audio id="song1" controls="">

, тогда я проверил, вы получите другие ошибки, но это отвечаетваш вопрос.