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

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

本文关键字:静态 Javascript mp3 文件 播放 Django 应用程序      更新时间:2023-09-26

在我的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文档中关于静态文件和媒体文件的更多信息