如何在浏览器中播放 .m4a 文件？（反应/HTML5）答案

【问题标题】：How to play an .m4a file in the browser? (React/HTML5)如何在浏览器中播放 .m4a 文件？（反应/HTML5）
【发布时间】：2020-06-03 08:48:18
【问题描述】：

我正在构建一个查询 iTunes API 的网站，并且在浏览器中我需要能够播放与 API 中每首歌曲关联的 30 秒歌曲预览（采用 .m4a 格式）

我尝试了以下两种方式播放文件，但都没有奏效：

<audio controls="controls">
    <source src={track1} type="audio/m4a" />
</audio>

<video width="320" height="240">
    <source src={track1} type="video/mp4">
    </source>
</video>

当我尝试使用音频标签时，页面上出现了一个媒体播放器，但它实际上并没有加载文件。

我已经对此进行了几个小时的研究，但我一直无法找到实现此目的的方法（看起来不应该这么难）。有没有人对我如何使它工作有任何想法？非常感谢

【问题讨论】：

试试去掉type属性吧？
m4a 用什么编解码器编码？

标签： javascript html reactjs html5-audio

【解决方案1】：

您是否检查过声音文件的路径是否正确？我在 React 项目中遇到了同样的问题。

检查开发工具中的网络选项卡以查看您的声音文件资源的状态代码。如果是 206，那么很可能是文件路径问题：

【讨论】：