🏆 Mundial 2026 EN VIVO · Próximo: Francia vs Inglaterra entra →

Actualización Dictado de voz en temas y en respuestas

  • Autor Autor Carlos Arreola
  • Fecha de inicio Fecha de inicio
Carlos Arreola

Carlos Arreola

Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
¡Nueva función en ForoBeta! 🎙️ Dictado de Voz para Temas y Conversaciones

¡Hola a toda la comunidad de ForoBeta! 🎉 Me emociona muchísimo compartirles una novedad que estoy seguro les encantará y hará su experiencia en el foro aún más fluida y cómoda. Hemos implementado el dictado de voz para la creación de temas y mensajes en conversaciones privadas.

Sabemos que escribir a veces puede ser un poco tedioso, especialmente cuando tienen muchas ideas que compartir. Con esta herramienta, podrán simplemente hablar y ver cómo sus palabras se transforman en texto, ¡directamente en el editor! 🚀 Esto no solo les ahorrará tiempo, sino que también facilitará la participación a quienes prefieren dictar sus pensamientos.

De hecho, les confieso que para redactar este mismo anuncio, estoy utilizando una versión similar que, además, aprovecha la inteligencia artificial para ayudarme a organizar y estructurar mis ideas de una forma más clara y efectiva. ¡Es una maravilla! ✨

Nuestro objetivo es seguir innovando para que ForoBeta sea el lugar más amigable y eficiente para todos ustedes. Los invito a probar esta nueva función y contarnos qué les parece. ¡Estoy seguro de que les encantará la comodidad que ofrece! 🗣️💬

Respuesta generada con asistencia de Gemini AI
 
excelente actualizacion, gracias 🚀
 
He intentado usarlo pero no prescribió lo dictado
 
Ya resuelto @Carlos Arreola, lo he probado y funciona a la perfección. Admiré mucho que transcribe muy bien los idiomas en español he inglés.
 
buena esta genial
 
Lo acabo de ver, me parece una buena herramienta..........Tocara probarlo en estos dias.
 
Lo acabo de notar, esta buenísimo y sorprendentemente exacto
 
Excelente Carlos. Muchas gracias por siempre hacer de este foro, el mejor.
 
Excelente update, somo betas siempre mejoramos!
 
Agradezco sinceramente a todos por sus comentarios y participación.

Respecto a la inteligencia artificial para respuestas con voz, aún está en fase de revisión. Estaremos probando su implementación poco a poco, comenzando por el propio administrador, para asegurar su correcto funcionamiento.

Respuesta generada con asistencia de Gemini AI
 
Agradecido que este siempre pendiente por bienestar y facilidad de la comunidad de forobeta. Los pequeños avances hacen la diferencia.
 
genial Me encanta incluso Ahorita estoy usando el dictado de voz y escrito este mensaje con el dictado de voz
 
probando, que genial es esto
 
Me ha causado curiosidad de cómo funciona, le he pedido a la IA que haga lo mismo para los comentarios de WordPress y vaya que es más sencillo de lo que esperaba y funciona muy bien.
Insertar CODE, HTML o PHP:
/**
 * Plugin funcionalidad: Dictado por voz en comentarios (Solo usuarios logueados)
 */
function wp_voice_comment_script() {
    // 1. RESTRICCIÓN: Solo usuarios logueados y solo en posts individuales
    if ( ! is_user_logged_in() || ! is_single() ) {
        return;
    }
    ?>
    
    <!-- ESTILOS CSS DEL BOTÓN -->
    <style>
        #voice-comment-btn {
            background-color: #f1f1f1;
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 8px 12px;
            margin-top: 10px;
            cursor: pointer;
            font-size: 14px;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            transition: all 0.3s ease;
        }
        #voice-comment-btn:hover {
            background-color: #e0e0e0;
        }
        #voice-comment-btn.listening {
            background-color: #ffcccc; /* Rojo suave cuando graba */
            color: #d8000c;
            border-color: #d8000c;
            animation: pulse 1.5s infinite;
        }
        /* Animación de latido para indicar grabación */
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4); }
            70% { box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); }
            100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
        }
        /* Ocultar si el navegador no es compatible */
        .no-speech-support #voice-comment-btn {
            display: none;
        }
    </style>

    <!-- SCRIPT JAVASCRIPT DE RECONOCIMIENTO -->
    <script>
    document.addEventListener("DOMContentLoaded", function() {
        // Buscamos la caja de comentarios por su ID estándar en WordPress ('comment')
        const commentBox = document.getElementById('comment');
        
        // Si no existe la caja de comentarios, no hacemos nada
        if (!commentBox) return;

        // Crear el botón dinámicamente
        const btn = document.createElement('button');
        btn.id = 'voice-comment-btn';
        btn.type = 'button'; // Importante para que no envíe el formulario
        btn.innerHTML = '🎤 Dictar comentario';
        
        // Insertar el botón justo después de la caja de texto
        commentBox.parentNode.insertBefore(btn, commentBox.nextSibling);

        // Verificar soporte de la API
        const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;

        if (SpeechRecognition) {
            const recognition = new SpeechRecognition();
            recognition.lang = 'es-ES'; // Idioma Español
            recognition.continuous = true; // Seguir escuchando aunque haya pausas
            recognition.interimResults = false; // Solo escribir cuando la frase esté terminada

            let isListening = false;

            btn.addEventListener('click', function() {
                if (isListening) {
                    recognition.stop();
                } else {
                    recognition.start();
                }
            });

            // Al empezar a escuchar
            recognition.onstart = function() {
                isListening = true;
                btn.innerHTML = '⏹️ Detener grabación...';
                btn.classList.add('listening');
                commentBox.focus(); // Poner el foco en la caja
            };

            // Al terminar de escuchar (por silencio o click)
            recognition.onend = function() {
                isListening = false;
                btn.innerHTML = '🎤 Dictar comentario';
                btn.classList.remove('listening');
            };

            // Cuando recibe resultados (texto)
            recognition.onresult = function(event) {
                // Obtener el último resultado
                const current = event.resultIndex;
                const transcript = event.results[current][0].transcript;

                // Añadir el texto a lo que ya haya escrito el usuario (con un espacio previo)
                // Usamos una pequeña lógica para no duplicar espacios
                const prevText = commentBox.value;
                commentBox.value = prevText + (prevText.length > 0 && prevText.slice(-1) !== ' ' ? ' ' : '') + transcript;
            };

            // Manejo de errores básico
            recognition.onerror = function(event) {
                console.log("Error de reconocimiento de voz: " + event.error);
                if(event.error === 'not-allowed') {
                    alert("Por favor, permite el acceso al micrófono para usar el dictado.");
                }
                isListening = false;
                btn.classList.remove('listening');
                btn.innerHTML = '🎤 Dictar comentario';
            };

        } else {
            // Si el navegador no soporta la API, ocultamos el botón o avisamos
            console.log("Tu navegador no soporta Web Speech API");
            btn.style.display = 'none';
        }
    });
    </script>
    <?php
}

// Enganchamos la función al pie de página (footer) para que cargue al final
add_action('wp_footer', 'wp_voice_comment_script');
 
Me ha causado curiosidad de cómo funciona, le he pedido a la IA que haga lo mismo para los comentarios de WordPress y vaya que es más sencillo de lo que esperaba y funciona muy bien.
Insertar CODE, HTML o PHP:
/**
 * Plugin funcionalidad: Dictado por voz en comentarios (Solo usuarios logueados)
 */
function wp_voice_comment_script() {
    // 1. RESTRICCIÓN: Solo usuarios logueados y solo en posts individuales
    if ( ! is_user_logged_in() || ! is_single() ) {
        return;
    }
    ?>
   
    <!-- ESTILOS CSS DEL BOTÓN -->
    <style>
        #voice-comment-btn {
            background-color: #f1f1f1;
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 8px 12px;
            margin-top: 10px;
            cursor: pointer;
            font-size: 14px;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            transition: all 0.3s ease;
        }
        #voice-comment-btn:hover {
            background-color: #e0e0e0;
        }
        #voice-comment-btn.listening {
            background-color: #ffcccc; /* Rojo suave cuando graba */
            color: #d8000c;
            border-color: #d8000c;
            animation: pulse 1.5s infinite;
        }
        /* Animación de latido para indicar grabación */
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4); }
            70% { box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); }
            100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
        }
        /* Ocultar si el navegador no es compatible */
        .no-speech-support #voice-comment-btn {
            display: none;
        }
    </style>

    <!-- SCRIPT JAVASCRIPT DE RECONOCIMIENTO -->
    <script>
    document.addEventListener("DOMContentLoaded", function() {
        // Buscamos la caja de comentarios por su ID estándar en WordPress ('comment')
        const commentBox = document.getElementById('comment');
       
        // Si no existe la caja de comentarios, no hacemos nada
        if (!commentBox) return;

        // Crear el botón dinámicamente
        const btn = document.createElement('button');
        btn.id = 'voice-comment-btn';
        btn.type = 'button'; // Importante para que no envíe el formulario
        btn.innerHTML = '🎤 Dictar comentario';
       
        // Insertar el botón justo después de la caja de texto
        commentBox.parentNode.insertBefore(btn, commentBox.nextSibling);

        // Verificar soporte de la API
        const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;

        if (SpeechRecognition) {
            const recognition = new SpeechRecognition();
            recognition.lang = 'es-ES'; // Idioma Español
            recognition.continuous = true; // Seguir escuchando aunque haya pausas
            recognition.interimResults = false; // Solo escribir cuando la frase esté terminada

            let isListening = false;

            btn.addEventListener('click', function() {
                if (isListening) {
                    recognition.stop();
                } else {
                    recognition.start();
                }
            });

            // Al empezar a escuchar
            recognition.onstart = function() {
                isListening = true;
                btn.innerHTML = '⏹️ Detener grabación...';
                btn.classList.add('listening');
                commentBox.focus(); // Poner el foco en la caja
            };

            // Al terminar de escuchar (por silencio o click)
            recognition.onend = function() {
                isListening = false;
                btn.innerHTML = '🎤 Dictar comentario';
                btn.classList.remove('listening');
            };

            // Cuando recibe resultados (texto)
            recognition.onresult = function(event) {
                // Obtener el último resultado
                const current = event.resultIndex;
                const transcript = event.results[current][0].transcript;

                // Añadir el texto a lo que ya haya escrito el usuario (con un espacio previo)
                // Usamos una pequeña lógica para no duplicar espacios
                const prevText = commentBox.value;
                commentBox.value = prevText + (prevText.length > 0 && prevText.slice(-1) !== ' ' ? ' ' : '') + transcript;
            };

            // Manejo de errores básico
            recognition.onerror = function(event) {
                console.log("Error de reconocimiento de voz: " + event.error);
                if(event.error === 'not-allowed') {
                    alert("Por favor, permite el acceso al micrófono para usar el dictado.");
                }
                isListening = false;
                btn.classList.remove('listening');
                btn.innerHTML = '🎤 Dictar comentario';
            };

        } else {
            // Si el navegador no soporta la API, ocultamos el botón o avisamos
            console.log("Tu navegador no soporta Web Speech API");
            btn.style.display = 'none';
        }
    });
    </script>
    <?php
}

// Enganchamos la función al pie de página (footer) para que cargue al final
add_action('wp_footer', 'wp_voice_comment_script');
Sí y adicional no tiene realmente costo la parte del dictado solamente que como no lo hacemos pensamos que es más complicado de lo que parece
 
Sí y adicional no tiene realmente costo la parte del dictado solamente que como no lo hacemos pensamos que es más complicado de lo que parece
Si me gustaría que lo ajustaras con mejor visión
 
A qué te refieres no comprendí?
Fíjate abajo

IMG_2548.webp
 
Atrás
Arriba