如何在Django应用程序上的静态Javascript上播放静态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了解有关差异的更多信息。