如何在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了解更多有关差异的信息。