设置 Javascript 音频对象的 MIME 类型

【问题标题】：Set MIME type of Javascript audio object设置 Javascript 音频对象的 MIME 类型
【发布时间】：2020-04-04 17:40:22
【问题描述】：

为了在 HTML5 Audio 标签上支持 HLS 音频流，我们可以成功地使用这个 MIME 类型：

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

但是，如果我以编程方式创建音频元素，我似乎无法指定 MIME 类型应该是什么。因为我无法为 HLS 音频流（m3u8 扩展）提供特定的 MIME 类型，所以音频播放失败。

在代码中创建新的Audio() 时如何指定 MIME 类型？

【问题讨论】：

标签： javascript audio html5-audio

【解决方案1】：

可以使用 JavaScript 构建与 HTML 中相同的结构。

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

【讨论】：

这行得通，谢谢。但我想它向我展示的是 Audio 完全依赖 Source 来定义 MIME 类型，并且没有其他方法不需要子元素。现在我只需要弄清楚如何换出 Source 元素以便在多个实时音频流之间切换。