sotelo-Web Speech API

Entradas

Mostrando las entradas de julio, 2025

b-Web Speech API

julio 02, 2025

Aquí tienes un ejemplo completo de un dictador de voz en tiempo real usando la Web Speech API , que convierte audio en texto en vivo. Este ejemplo incluye: Un botón para iniciar/detener el dictado. Transcripción en vivo en una caja de texto. Soporte para español ( es-MX o es-ES ). ✅ HTML + JavaScript (funciona en navegadores compatibles como Chrome) html CopiarEditar <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Dictador de Voz - Web Speech API</title> <style> body { font-family: Arial, sans-serif; padding: 2rem; background-color: #f0f0f0; } #texto { width: 100%; height: 200px; padding: 1rem; ...

captura video con audio del sistema (como música o sonidos del navegador) pero sin usar el micrófono

julio 01, 2025

Aquí tienes una versión que captura video con audio del sistema (como música o sonidos del navegador) pero sin usar el micrófono: Aquí tienes una versión que captura video con audio del sistema (como música o sonidos del navegador) pero sin usar el micrófono: html <! DOCTYPE html > < html lang = " es " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < title > Grabación de Video con Audio del Sistema </ title > < style > body { font-family: Arial, sans-serif; display: flex; flex-direction: column; align-items: center; padding: 20px; background-color: #f5f5f5; } #videoElement { width: 100%; max-width: 640px; background-color: #333; margin: 20px 0; ...

captura video (sin audio) y permite grabar solo el video:

julio 01, 2025

captura video (sin audio) y permite grabar solo el video: html <! DOCTYPE html > < html lang = " es " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < title > Grabación de Video (sin audio) </ title > < style > body { font-family: Arial, sans-serif; display: flex; flex-direction: column; align-items: center; padding: 20px; background-color: #f5f5f5; } #videoElement { width: 100%; max-width: 640px; background-color: #333; margin: 20px 0; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .controls { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap...