如何在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 文档，以获取有关区别的更多信息。