Установить MIME тип аудио объекта Javascript

Question

Для поддержки потоковой передачи звука HLS на аудиотэге HTML5 мы можем успешно использовать этот тип MIME:

<audio autoplay>
    <source src="AUDIO_URL" type="application/x-mpegURL">
</audio>

Однако, если я создаю аудиоэлемент программно, я не могу указать, что тип MIME должен быть. Поскольку я не могу указать указанный c MIME-тип для потоковой передачи звука HLS (расширение m3u8), при воспроизведении аудио происходит сбой.

Как указать тип MIME при создании нового Audio() в коде

Answer 1

Можно построить ту же структуру, что и в вашем HTML с JavaScript.

const audio = new Audio();
const source = document.createElement('source');

source.setAttribute('src', 'AUDIO_URL');
source.setAttribute('type', 'application/x-mpegURL');

audio.append(source);
audio.play();