javascript 使用flask时,我的.mp3文件的路径出错

pftdvrlh  于 2023-06-28  发布在  Java
关注(0)|答案(1)|浏览(84)

我试图在我的基于 flask 的网站上播放音频文件。下面是我的代码,HTML,然后是Python(Flask应用程序)
HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Text To Speech</title>
</head>
<body>
    <h1>Text To Speech Converter</h1>

    <form action="/submit" method="post">
        <p>Text:</p>
        <p><input type="text" name="nm"/></p>
        <p><input type="submit" value="Submit"/></p>
    </form>

    <audio id="player" src="/output.mp3" type="audio/mpeg"></audio>
    <div> 
        <button onclick="document.getElementById('player').play()">Play</button> 
        <button onclick="document.getElementById('player').pause()">Pause</button> 
    </div> 

</body>
</html>

Python

app = Flask(__name__)

@app.route("/")
def home():
        return render_template("index.html")

@app.route("/submit", methods = ["POST", "GET"])
def input():
    if request.method == "POST":
        text = request.form["nm"]
        synthesize_text_file(text)
        return render_template("index.html")
    else:
        return render_template("index.html")

if __name__ == "__main__":
    app.run()

synthesize_text_file只返回我的文件夹中的输出.mp3文件。
我的文件看起来像

--Flask python
中文(简体)

  • -output.mp3(运行synthesize_text_file()后,此文件将上传到此处)
    --模板( flask 文件夹)
    -----index.html
    有人能帮我找到我的音频文件在哪个目录吗?请记住,我正在运行flask http://127.0.0.1:5000/服务器,这可能会改变一些东西。
jhiyze9q

jhiyze9q1#

我只是不得不创建一个静态文件夹,并使用这个代替

<audio id="player" src="{{ url_for('static', filename='output.mp3') }}" type="audio/mpeg"></audio>

相关问题