Flask 的 HTML 中的麦克风输入

Question

我正在使用 Flask 和 speech recognition 开发一个网络应用程序，用于音频输入、处理和在屏幕上显示输出。 This post帮我整理了音频文件的输入，这是我的flask代码：

list_msg = []

@app.route("/process_wav", methods=['GET', 'POST'])
def process_wav():
    if request.method == 'POST':
        audio_file = request.form.get("audio-recording")
        dir = 'audio/'+str(audio_file)
        msg = Mensaje(dir)  # this is a custom class I created for storing and processing the audio
        list_msg.append((dir, msg.sentence, msg.word_counter))
    return render_template("process_wav.html", list_msg=list_msg)

还有我的 HTML 代码：

{% block flask %}
<h1>Prototype</h1>

<section>
<form action="" method="POST" class="form-input">
<div class="form-input">
  <label for="audio-recording">Audio file (.wav)</label>
  <input name="audio-recording" type="file" accept="audio/*" id="audio-recording" >
  <button class="form-submit" type="submit" id="entry">Submit</button>
</div>
</form>
</section>

{% for msg in list_msg %}
<section class="form-output" id="output">
  <h3>{{ msg[0] }}</h3>
  <p>Result: "{{ msg[1] }}"</p>
  <p>Counter: {{ msg[2] }}</p>
</section>
{% endfor %}
{% endblock flask %}

但我发现有必要直接通过麦克风输入音频（并以与 .wav 音频文件相同的方式处理它）。所以我的问题是：如何通过麦克风以 HTML 格式将音频输入网页，以便将其传递给 Flask 和 python 进行处理，然后显示输出？

作为 Flask 和 HTML 的新手，我发现很难找到好的参考资料，尽管我发现 HTML 本身并不提供此功能。欢迎任何建议

Answer 1

使用烧瓶实时流式传输音频的功能。其实我没有得到你acutually想做的事。但是这样你就可以在烧瓶中流式传输音频了。

@app.route("/fetchAudio",methods=["GET"])
def fetch_audio():
    def generate():
       with open("SampleAudio.mp3", "rb") as audio: # your audio file path here
          audio_data = audio.read(1024)
       while audio_data:
            yield audio_data
            audio_data = audio.read(1024)
    return Response(generate(), mimetype="audio/x-wav") # header for audio type

我希望这会有所帮助。 github_link