如何从静态文件夹播放 html 格式的 mp3 文件?

Question

我正在尝试使用python将文本转换为音频。我将转换后的音频文件保存在静态文件夹中。我尝试使用以下 html 代码播放音频文件。

{%extends "main.html" %}
{% block file %}
<p>{{data}}</p>
<audio id="myAudio">
<source src="C:UserskousikDesktopstaticuploadswelcome.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
<button onclick="playAudio()" type="button">Play Audio</button>
<script type="text/javascript">
var x = document.getElementById("myAudio"); 
function playAudio() { 
x.play(); 
} 
</script>
{% endblock %}

我正在尝试播放，但出现错误

Not allowed to load local resource: file:///C:/Users/kousik/Desktop/static/uploads/welcome.mp3

Answer 1

首先将你的mp3文件放入项目文件夹中

还可以尝试更灵活地使用它，以便每个人都可以在实时服务器上访问它，例如

同时将此"\"更改为"/">

例如：考虑你的文件位置是这个

myproject->myfiles->welcome.mp3

你应该做的是

<source src="/myfiles/welcome.mp3" 
type="audio/mpeg">

所以当你把你的项目放在任何本地主机，生产它会工作