[Feat] Combine CMD Version with Web UI and Implement Voice Recognition Features

[JunTingLin]

@1chooo

Please combine the CMD version of Magic Voice Switch with Web UI. The CMD version details and usage instructions can be found here or in the demo video (see attachment).

https://github.com/JunTingLin/magic-voice-switch/assets/92431095/91060de3-022d-4803-a308-534719066dec

Feature Requirements

• [x] Web Interface:
  • Create a user-friendly web interface.
• [ ] Voice Recognition Mode Selection:
  • Allow users to select the voice recognition mode on the web page:
    • Mode 1: Model-based recognition
    • Mode 2: Speech-to-Text (STT) using Google Speech Recognition
• [ ] Microphone Permission:
  • Implement functionality to request and obtain microphone permissions from the browser.
• [ ] Recording Button
  • Create a recording button in the web interface that allows continuous recording when pressed.
  • Implement functionality to split the recording into 1-second chunks and save to project root directory.
• [ ] Update README:
  • Clearly document the setup and usage instructions for the web interface in the dev branch's README.

Thank you!

[JunTingLin]

Great, thank you for completing the web interface part and fixed dependency error.

[1chooo]

Great, thank you for completing the web interface part and fixed dependency error.

Thank you very much, don't you think that we need to improve the UI?

[JunTingLin]

Sure~~. However, the light switching display on the web page still seems to be randomly chosen ? https://github.com/JunTingLin/magic-voice-switch/blob/3f64e0e783630e68116be67c799532198309563e/web/main.py#L17

How about complete Feature 2-Voice Recognition Mode Selection and Feature 3-Microphone Permission first before beautifying the UI? What do you think? 😊

[1chooo]

Sure~~. However, the light switching display on the web page still seems to be randomly chosen ?

https://github.com/JunTingLin/magic-voice-switch/blob/3f64e0e783630e68116be67c799532198309563e/web/main.py#L17

How about complete Feature 2-Voice Recognition Mode Selection and Feature 3-Microphone Permission first before beautifying the UI? What do you think? 😊

Sure~~. However, the light switching display on the web page still seems to be randomly chosen ?

https://github.com/JunTingLin/magic-voice-switch/blob/3f64e0e783630e68116be67c799532198309563e/web/main.py#L17

How about complete Feature 2-Voice Recognition Mode Selection and Feature 3-Microphone Permission first before beautifying the UI? What do you think? 😊

Sure, but wait for a while