js-live-audio-video-translate

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

js-live-audio-video-translate

★ 19 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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

js-live-audio-video-translate

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README