如何在Django應用程序的靜態Javacript上播放靜態mp3文件？

Question

在我的Django應用程序中，我試圖在我的JavaScript文件中的函數中播放mp3文件。這個JS文件是由Django的命令collectstatic靜態加載的。我找不到引用此mp3文件的方法。兩者都在服務器端的相同文件夾中。我在考慮如果像在其他圖像，js或css文件中那樣在頁面中上傳，我只能引用此文件。有一種方法可以將該文件加載到Django應用程序及其模板組織中的瀏覽器中？

Answer 1

您應該能夠將文件傳遞給使用static像這樣的HTML5音頻控制：

<audio> 
    <source src="{% static 'file.mp3' %}" type="audio/mpeg"> 
</audio> 

在模板的頂部不要忘記{% load staticfiles %}。

根據這些音頻文件是否改變很多，將它們視爲媒體文件而不是靜態文件可能更合適。你可以參考Django documentation on static and media files瞭解更多有關差異的信息。