audio file ft.AppView.WEB_BROWSER

[leony777]

Question

Hello,
I am having trouble collecting a recording made by the user. I need to manipulate an audio file after the recording, call an API to perform the transcription to text outside of Flet, and then display the text in the browser. When the user finishes the recording, a new window opens in the browser for them to listen, but I would like to be able to manipulate the audio file. When I run the code on the Windows platform, I can save it somewhere and manipulate it normally.

I am creating this application to run in the browser.
Thank you.

Code sample

import flet as ft
import speech_recognition as sr
from pydub import AudioSegment
async def main(page: ft.Page):
    page.horizontal_alignment = ft.CrossAxisAlignment.CENTER
    page.appbar = ft.AppBar(title=ft.Text("Audio Recorder"), center_title=True)

    path = r"c:\\app\test-audio-file.wav"

    async def handle_start_recording(e):
        print(f"StartRecording: {path}")
        await audio_rec.start_recording_async(path)

    async def handle_stop_recording(e):
        output_path = await audio_rec.stop_recording_async()
        print(f"StopRecording: {output_path}")

        if page.web and output_path is not None:
            await page.launch_url_async(output_path)


    async def handle_has_permission(e):

        try:
            print(f"HasPermission: {await audio_rec.has_permission_async()}")
        except Exception as e:
            print(e)

    async def handle_transcribegoogle(e):

        transcrever_audio(path)

    async def handle_state_change(e):
        print(f"State Changed: {e.data}")

    audio_rec = ft.AudioRecorder(
        audio_encoder=ft.AudioEncoder.WAV,
        on_state_changed=handle_state_change,
    )
    page.overlay.append(audio_rec)
    await page.update_async()

    await page.add_async(
        ft.ElevatedButton("Start Audio Recorder", on_click=handle_start_recording),
        ft.ElevatedButton("Stop Audio Recorder", on_click=handle_stop_recording),
        ft.ElevatedButton("Has Permission", on_click=handle_has_permission),
        ft.ElevatedButton("Print-Transcribe", on_click=handle_transcribegoogle)
    )

def transcrever_audio(path):

    input_audio_file = path
    output_audio_file = r"c:\\app\test-audio-file_novo.wav"
    audio = AudioSegment.from_file(input_audio_file)
    audio.export(output_audio_file, format="wav")
    recognizer = sr.Recognizer()

    with sr.AudioFile(output_audio_file) as source:
        audio_data = recognizer.record(source)
        try:
            text = recognizer.recognize_google(audio_data, language='en-US')
            print("Transc: ", text)
        except sr.UnknownValueError:
            print("err")

ft.app(main, view=ft.AppView.WEB_BROWSER)

Error message

StopRecording: blob:http://127.0.0.1:584/d80e48ee-1da9-4717-a932-2e8373dbb42f

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.