Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/catanduyago/subtitler
Aplicación para transcribir a texto el audio recibido por micrófono.
https://github.com/catanduyago/subtitler
chrome javascript js speech-recognition speech-to-text subtitle-generator subtitles
Last synced: 24 days ago
JSON representation
Aplicación para transcribir a texto el audio recibido por micrófono.
- Host: GitHub
- URL: https://github.com/catanduyago/subtitler
- Owner: CatanduYago
- Created: 2024-12-16T19:52:58.000Z (27 days ago)
- Default Branch: main
- Last Pushed: 2024-12-17T11:38:52.000Z (26 days ago)
- Last Synced: 2024-12-17T12:28:13.927Z (26 days ago)
- Topics: chrome, javascript, js, speech-recognition, speech-to-text, subtitle-generator, subtitles
- Language: HTML
- Homepage: https://catanduyago.github.io/Subtitler/
- Size: 32.2 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎧 Subtitler
**Aplicación para transcribir a texto el audio recibido por micrófono en tiempo real.**
**Application to transcribe microphone audio to text in real-time.**
---
## 📝 Descripción / Description
🇪🇸
Subtitler es una aplicación web que transcribe en tiempo real el audio recibido a través del micrófono del usuario. Utiliza tecnologías como **JavaScript**, **HTML** y **CSS** para ofrecer una interfaz amigable, intuitiva y funcional.
🇬🇧
Subtitler is a web application that transcribes audio received from the user's microphone in real time. It uses technologies such as **JavaScript**, **HTML**, and **CSS** to provide a friendly, intuitive, and functional interface.
> [!IMPORTANT]
> 🇪🇸 La aplicación solo es compatible con **Google Chrome, Microsoft Edge y Safari**, ya que utiliza la API `webkitSpeechRecognition`, servicio de Google.
> 🇬🇧 The application is only compatible with **Google Chrome, Microsoft Edge, and Safari**, as it uses the `webkitSpeechRecognition` API, a Google service.
---
## 🚀 Características / Features
- ✅ 🇪🇸 **Transcripción en tiempo real:** Convierte el audio del micrófono en texto instantáneamente.
🇬🇧 **Real-time transcription:** Instantly converts microphone audio into text.
- 🎨 🇪🇸 **Interfaz amigable:** Diseño limpio y fácil de usar.
🇬🇧 **User-friendly interface:** Clean and easy-to-use design.
- 🔧 🇪🇸 **Compatibilidad limitada:** Funciona exclusivamente en los navegadores **Google Chrome, Microsoft Edge y Safari**.
🇬🇧 **Limited compatibility:** Works exclusively on **Google Chrome, Microsoft Edge, and Safari** browsers.
---
## 🛠️ Tecnologías Utilizadas / Technologies Used
- ⚙️ **JavaScript** (92.6%)
- 📄 **HTML** (4.7%)
- 🎨 **CSS** (2.7%)
---
## 💾 Instalación / Installation
🇪🇸 Sigue estos pasos para instalar y ejecutar la aplicación en tu máquina local:
🇬🇧 Follow these steps to install and run the application on your local machine:
1. 🛠️ 🇪🇸 Clona el repositorio en tu máquina local:
🇬🇧 Clone the repository to your local machine:
```bash
git clone https://github.com/CatanduYago/Subtitler.git
```
2. 📂 🇪🇸 Navega al directorio del proyecto:
🇬🇧 Navigate to the project directory:
```bash
cd Subtitler
```
3. 🌐 🇪🇸 Abre el archivo `index.html` en **Google Chrome**.
🇬🇧 Open the `index.html` file in **Google Chrome**.
4. 🎤 🇪🇸 Permite el acceso al micrófono cuando el navegador lo solicite.
🇬🇧 Allow microphone access when prompted by the browser.
5. 🎉 🇪🇸 ¡Disfruta viendo cómo tu audio se transcribe automáticamente en la pantalla!
🇬🇧 Enjoy watching your audio being transcribed automatically on the screen!
---
## 🖥️ Uso / Usage
🇪🇸
- 🌐 Abre el archivo **index.html** en **Google Chrome**.
- 🎤 Permite el acceso al micrófono.
- 👀 Observa cómo el texto aparece en tiempo real mientras hablas.
🇬🇧
- 🌐 Open the **index.html** file in **Google Chrome**.
- 🎤 Allow microphone access.
- 👀 Watch the text appear in real-time as you speak.
---
## 🤝 Contribuciones / Contributions
🌟 🇪🇸 ¡Contribuciones son bienvenidas! Si deseas contribuir a este proyecto, sigue estos pasos:
🌟 🇬🇧 Contributions are welcome! If you want to contribute to this project, follow these steps:
1. 🔄 🇪🇸 Haz un **fork** del proyecto.
🇬🇧 Fork the project.
2. 🌱 🇪🇸 Crea una nueva rama:
🇬🇧 Create a new branch:
```bash
git checkout -b feature/new-feature
```
3. 🛠️ 🇪🇸 Realiza tus cambios y haz commit:
🇬🇧 Make your changes and commit:
```bash
git commit -am "Add new feature"
```
4. 🛠️ 🇪🇸 Sube tus cambios a la rama:
🇬🇧 Push your changes to the branch:
```bash
git push origin feature/new-feature
```
5. 📚 🇪🇸 Abre un **Pull Request**.
🇬🇧 Open a **Pull Request**.
---
## 📧 Contacto / Contact
🇪🇸 Si tienes alguna pregunta o sugerencia, no dudes en contactarnos:
🇬🇧 If you have any questions or suggestions, feel free to contact us:
- ✉️ **Email:** [[email protected]](mailto:[email protected])