Purple dots keep going & no transcription.

[BrianFenn]

Purple dots keep going, but no transcription is done. Any ideas why? I followed everything in the readme file.
OS: Windows 11 Python: 3.9.7

[saharmor]

@BrianFenn can you please attach a screenshot of your console output? Also, is the backend running?

[BrianFenn]

[BrianFenn]

One guy had a similar problem and says that his react app was "still sending a request to 127.0.0.1 despite having changed the IP address to [192.168.100.5] on his code."

So he said the problem was that the request from the app wasn't being sent to the correct IP (because the code was never updated when rebuilding).

Do you think that is what I am experiencing?

(https://stackoverflow.com/questions/69508554/cross-origin-request-blocked-the-same-origin-policy-disallows-reading-the-remot)

[wpuricz]

I did have a CORS issue. Solved it by:

1. Adding this in the package.json "proxy":"http://127.0.0.1:8000",
2. Changing the axios.post in App.js to http://127.0.0.1:8000/transcribe

[yubrshen]

For my environment with Ubuntu/WSL2 in Windows 11, with the changes:

1. Adding this in the package.json "proxy":"http://127.0.0.1:8000/",
2. Changing the axios.post in App.js to http://127.0.0.1:8000/transcribe

It worked.

[shanky100]

Hi I made the required changes but still I do not get any transcription on my UI. I can see the transcriptions being generated in the terminal logs, any suggestion that might help. I can see the analog signal getting changed as I speak in the mic , in the terminal log I get all the details like speaker and transcription.

[saharmor]

@shanky100 it is now part of line 117 in App.js https://github.com/saharmor/whisper-playground/blob/2bc61978aef5096f66da7962609aeeba091d4137/interface/src/App.js#L117

I will add an instruction to the readme so folks would know how to change the backend's host address