如何在瀏覽器中播放 .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，那么很可能是文件路徑問題：