如何在浏览器中播放 .m4a 文件？ (反应/HTML5)

Question

我正在构建一个查询 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>

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

我已经研究了几个小时，但我一直没能找到一种方法来完成这个（它似乎不应该这么难）。 有没有人对我如何让这个工作有任何想法？ 非常感谢

Answer 1

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

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