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

Question

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

Answer 1

您应该能够使用以下方式将文件传递给 HTML5 音频控件static：

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

不要忘记{% load staticfiles %}在模板的顶部。

根据这些音频文件是否发生很大变化，将它们视为媒体文件而不是静态文件可能更合适。您可以查阅有关静态和媒体文件的 Django 文档，以获取有关差异的更多信息。