如何在浏览器中播放.m4a文件？(ReactHTML5)

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项目上也有这个问题。

检查Dev tools中的网络选项卡，看看你的声音文件资源的状态码是什么。如果是206，那么很可能是文件路径问题。