如何在 Django 应用程序的静态 Javascript 上播放静态 mp3 文件?

How can I play a static mp3 file on static Javascript on a Django application?

在我的 Django 应用程序中,我试图在我的 javascript 文件中的函数中播放 mp3 文件。这个 JS 文件是通过 Django 的命令 collectstatic 静态加载的。我找不到引用此 mp3 文件的方法。两者都在服务器端的同一个文件夹中。我在想,如果它像其他图像、js 或 css 文件一样上传到页面中,我只能引用该文件。有一种方法可以在 Django 应用程序及其模板组织中将此文件加载到浏览器吗?

您应该能够使用 static 将文件传递给 HTML5 音频控件,如下所示:

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

别忘了在模板顶部 {% load staticfiles %}

根据这些音频文件是否变化很大,将它们视为媒体文件而不是静态文件可能更合适。你可以参考 Django documentation on static and media files 了解更多关于差异的信息。