首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何从静态文件夹播放html格式的mp3文件?

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

Stack Overflow用户
提问于 2020-02-02 13:02:30
回答 1查看 1.4K关注 0票数 0

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

代码语言:javascript
运行
复制
{%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 %}

我正在试着玩,但是我得到了错误

代码语言:javascript
运行
复制
Not allowed to load local resource: file:///C:/Users/kousik/Desktop/static/uploads/welcome.mp3
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-02-02 15:12:23

首先把你的mp3文件放到项目文件夹中

还可以尝试更灵活地使用它,这样当它在实时服务器上时,每个人都可以访问它

同时将此"\“更改为"/”

例如:考虑到你的文件位置是这样的

myproject->myfiles->欢迎.mp3

你应该做的是

代码语言:javascript
运行
复制
         <source src="/myfiles/welcome.mp3" 
         type="audio/mpeg">

所以当你把你的项目放在任何本地主机上时,生产环境都能正常工作

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60023361

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档