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

【问题标题】：How can I play a static mp3 file on static Javascript on a Django application?如何在 Django 应用程序的静态 Javascript 上播放静态 mp3 文件？
【发布时间】：2017-01-25 07:54:27
【问题描述】：

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

【问题讨论】：

标签： javascript django mp3 django-staticfiles collectstatic

【解决方案1】：

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

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

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

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

【讨论】：

有没有办法只用JS，不用HTML标签？
可能类似于var audio = new Audio('audio_file.mp3'); audio.play();