Javascript Can'；在Python Flask服务器上不能播放音频，但在本地服务器上可以正常工作_Javascript_Python_Html_Button_Server

Javascript Can'；在Python Flask服务器上不能播放音频，但在本地服务器上可以正常工作

javascript python html button server

Javascript Can'；在Python Flask服务器上不能播放音频，但在本地服务器上可以正常工作,javascript,python,html,button,server,Javascript,Python,Html,Button,Server,我已经编写了一个Python Flask程序MusicServer.py，它在本地网络上创建了一个服务器，并将render_template（）连接到了我的HTML page.HTML文件。当我运行服务器时，所有内容都按预期加载，但播放音乐的按钮不再工作，即使当我在运行standalone page.html文件时按按钮播放音乐时，它们也按预期工作我已经尝试通过运行音频文件来播放实际的python服务器文件，我尝试了HTML表单，我尝试了Javascript，它也可以在原始HTML执行中正常工

我已经编写了一个Python Flask程序MusicServer.py，它在本地网络上创建了一个服务器，并将render_template（）连接到了我的HTML page.HTML文件。当我运行服务器时，所有内容都按预期加载，但播放音乐的按钮不再工作，即使当我在运行standalone page.html文件时按按钮播放音乐时，它们也按预期工作

我已经尝试通过运行音频文件来播放实际的python服务器文件，我尝试了HTML表单，我尝试了Javascript，它也可以在原始HTML执行中正常工作，但不能在服务器上正常工作，我还尝试了使用内置的HTML音频标记

***python MusicServer.py

from flask import Flask, render_template
import os
import socket

app = Flask(__name__)

@app.route("/")
def main():
    return render_template('page.html')

if __name__ == "__main__":
    print(socket.gethostbyname(socket.gethostname()))
    app.run(debug = True, host = "0.0.0.0", port = 80)
    os.system("python run MusicServer.py")

***HTML页面.HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        Music Server Test
    </title>
</head>

<body bgcolor="pink">

    <script type="text/javascript">
        var songs = [new Audio('SwedenC418.mp3'), 
        new Audio('FirefliesOwlCity.mp3')];

        var counter = 1;

        function playSong(song)
        {
        if (counter % 2 == 1)
        {
        song.play();
        }
        else
        {
        song.pause();
        }
        counter = counter + 1;
        }
    </script>

<h1>
    <center>
        Welcome to the Music Box!
    </center>
</h1>

<button onclick="playSong(songs[0]);" name="SweedenC418">
    Sweden- C418 (Caution and Crisis Remix)
</button>

<button onclick="playSong(songs[1]);" name="FirefliesOwlCity">
    Fireflies- Owl City
</button>

<audio controls>
    <source src="SwedenC418.mp3">
</audio>

</body>
</html>


音乐服务器测试
var songs=[新音频（'SwedenC418.mp3'），
新音频（'firefilesowlcity.mp3'）；
var计数器=1；
功能播放歌曲（歌曲）
{
如果（计数器%2==1）
{
歌曲。游戏（）；
}
其他的
{
歌曲。暂停（）；
}
计数器=计数器+1；
}
欢迎来到音乐盒！
瑞典-C418（谨慎与危机混音）
萤火虫-猫头鹰城

预期的结果是能够通过Python Flask托管的HTML页面上的按钮按下播放音频，但实际结果是只显示没有按钮功能的页面

当我试图通过HTML按钮执行Fireflies歌曲时，在python控制台中得到的两条错误消息是 “GET/firefilesowlcity.mp3 HTTP/1.1”404- 对于瑞典C418歌曲，错误是

“GET/SwedenC418.mp3 HTTP/1.1”404-

您是如何提供这些mp3文件的？浏览器控制台是否显示任何错误？不是python控制台。你是如何提供这些MP3文件的？浏览器控制台是否有任何错误？而不是python控制台。