Question

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

mp3 m4a

两个文件在Windows chrome，edge和firefox中都可以正常播放。

关于safari浏览器中的m4a文件，它抛出错误而不是播放。我们尝试了以下情况

情况1：在“ audio / mp4”中添加了Mime扩展名和音频类型。

情况2：在“ audio / x-m4a”中添加了音频类型。

情况3：不提供音频类型。

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

Answer 1

这取决于您所使用的操作系统版本和浏览器版本，但是以下内容适用于Safari和Chrome的MacOS Catalina。

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

Answer 2

尝试通过跨站点尝试所有可能的解决方案后，由于无法在MAC Safari浏览器中的html音频播放器标签中播放M4A来结束此任务，答案为

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

2 个答案: