如何在 html SAFARI 浏览器的 html 音频播放器中播放 m4a 音频文件

Question

我已经实现了一个使用 html 音频播放器的网络应用程序。我们将有两种类型的音频文件

mp3 m4a

这两个文件在 windows chrome、edge 和 firefox 中都可以正常播放。

关于 safari 浏览器中的 m4a 文件，它抛出错误而不是 playing.We 尝试了以下情况

案例 1：将 Mime 扩展名和音频类型添加到 "audio/mp4"。

案例 2：将音频类型添加到 "audio/x-m4a"。

案例三：没有提供音频类型。

<audio controls><source src="Audio.m4a" type="audio/mp4"></audio>

Answer 1

由于在 MAC Safari 浏览器中 html 音频播放器标签中尝试了跨不同站点的所有可能解决方案后无法在 MAC 中播放 M4A，因此我将结束此任务

Answer 2

这会根据您拥有的 OS 版本和浏览器版本而有所不同，但以下内容适用于 MacOS Catalina 在 Safari 和 Chrome.

<audio controls>
    <source src="test.m4a" type="audio/x-m4a">
    <source src="test.mp3" type="audio/mp3">
    Your browser does not support the audio tag.
</audio>

请注意 .m4a 文件的“audio/x-m4a”类型。

您可以通过获取 HTMLAudioElement 并调用来检查音频播放器类型的兼容性：

console.log("Can play m4a:" + audioElement.canPlayType('audio/x-m4a'));

如何在 html SAFARI 浏览器的 html 音频播放器中播放 m4a 音频文件

How to play m4a audio file in html audio player in MAC SAFARI browser

safari

m4a

html5-audio