如何从静态文件夹中播放 html 中的 mp3 文件？

Question

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

{%extends "main.html" %}
{% block file %}
     <p>{{data}}</p>
     <audio id="myAudio">

        <source src="C:\Users\kousik\Desktop\static\uploads\welcome.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文件放入项目文件夹

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

也把这个“\”改成“/”

例如：假设您的文件位置是这个

我的项目->我的文件->welcome.mp3

你应该做的是

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

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

如何从静态文件夹中播放 html 中的 mp3 文件？

How to play a mp3 file in html from a static folder?

html

javascript

python

audio

html5-audio