https://github.com/botbahlul/js-live-audio-video-translate

HTML Web template that can RECOGNIZE any live audio/video streaming (using Chrome webkitSpeechRecognition API) then TRANSLATE it for FREE (using unofficial online Google Translate API) then display it as LIVE CAPTION / LIVE SUBTITLE
https://github.com/botbahlul/js-live-audio-video-translate

auto-caption auto-subtitle google-translate google-translate-api html javascript speech-recognition voice-recognition web web-template webkit-speech-recognition webkitspeechrecognition

Last synced: 4 days ago
JSON representation

HTML Web template that can RECOGNIZE any live audio/video streaming (using Chrome webkitSpeechRecognition API) then TRANSLATE it for FREE (using unofficial online Google Translate API) then display it as LIVE CAPTION / LIVE SUBTITLE

• Host: GitHub
• URL: https://github.com/botbahlul/js-live-audio-video-translate
• Owner: botbahlul
• License: mit
• Created: 2022-08-08T06:08:37.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-06T18:48:50.000Z (3 months ago)
• Last Synced: 2024-08-07T20:06:32.283Z (3 months ago)
• Topics: auto-caption, auto-subtitle, google-translate, google-translate-api, html, javascript, speech-recognition, voice-recognition, web, web-template, webkit-speech-recognition, webkitspeechrecognition
• Language: JavaScript
• Homepage:
• Size: 6.33 MB
• Stars: 9
• Watchers: 1
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# js-live-audio-video-translate

This is a web template that can RECOGNIZE any live audio/video streaming (using Chrome webkitSpeechRecognition API) and TRANSLATE it (using unofficial Google Translate API) for FREE!

NOTE : Since version 0.3.2 I've added a CUSTOM FULLSCREEN BUTTON on the right bottom corner of the video so we can see subtitles in fullscreen mode.

After 5 seconds this button will be hidden, to show it again just move mouse cursor inside subtitles textarea or move the mouse go outside then inside browser window.

You can also use F11 key to enter fullscreen mode and still see the subtitles. On some streaming website it may not working properly, just let me know.

![image](https://github.com/user-attachments/assets/d3dbdeb3-bb68-4ef9-987f-2ba0c54bde35)

![image](https://github.com/user-attachments/assets/3b9d3472-9ed2-4830-a59a-28b8496aefa1)

You need to install CORS Unblock Chrome extension to avoid default CORS Blocking Policy of Chrome and Edge

You will also need Stereo Mix or Virtual Audio Cable recording device for best recognizing

![image](https://user-images.githubusercontent.com/88623122/199527559-e2609d8c-3479-420d-8c52-806fa56a21f4.png)

![image](https://user-images.githubusercontent.com/88623122/199528286-1ab77dc4-38a9-41f2-9b92-25db352a1ed2.png)

![image](https://user-images.githubusercontent.com/88623122/199528861-22541706-3bdf-427c-8c2f-44174b114e34.png)

and on linux you willl need PAVUCONTROL (by choosing MONITOR of your audio device as INPUT DEVICE)

![image](https://user-images.githubusercontent.com/88623122/199517907-76d61acb-3f07-49b6-8f2f-4b6a2b787eff.png)

https://user-images.githubusercontent.com/88623122/183360325-64f32c7b-cec8-470f-bb59-eca27140d232.mp4

Check my other SPEECH RECOGNITIION + TRANSLATE PROJECTS https://github.com/botbahlul?tab=repositories

Buy me coffee : https://sociabuzz.com/botbahlul/tribe