Grabador de pestañas del navegador

Grabación de pestañas/pantalla estéreo. Captura silenciosa, omisión de silencio, auto-división, segmentos, fusión WebM y exportación

Para quienes abren la tienda 👋 Browser Tab Recorder graba en WebM el tab/ventana/pantalla seleccionado de Chrome, junto con el audio del sistema o del tab. Desde la grabación hasta la división y el guardado, todo en una sola ventana emergente. Los puntos clave por sección: 【📋 Referencia Rápida】 ・🎬 Grabación: Tab, ventana o pantalla + audio en un solo WebM usando MediaRecorder. ・🆓 Gratis: Límite duro de 15 minutos por sesión (forzado incluso en el código). ・⭐ Pro: Límite configurable por el usuario (incluyendo ilimitado). El control de la interfaz de usuario para alta calidad o división automática depende de la licencia. ・💾 Sesiones Largas: Escritura secuencial en IndexedDB con fragmentos pequeños, diseñado para reducir la carga de memoria. ・✂️ División Automática: Posibilidad de establecer puntos de corte y detención de grabación mediante matrices de oscurecimiento/pausa/silencio. ・🔇 Grabación Silenciosa: Silencia la salida del altavoz del tab durante la grabación (el audio se graba normalmente en el archivo). ・📤 Exportación: Además de WebM, conversión a WAV/MP3 y ZIP masivo de segmentos. ・⚙️ Operación: Desde una ventana emergente extensible que cubre calidad, audio, división y clips (no requiere aplicaciones separadas). 【✨ Lo que puede hacer esta extensión】 Browser Tab Recorder es una extensión que permite grabar el tab, la ventana o la pantalla seleccionada desde el diálogo de uso compartido de Chrome, integrando el video con el audio del sistema/tab. Es ideal para guardar la imagen de la pantalla visible en el navegador como un archivo de video (WebM). Hemos integrado todo el proceso, desde la grabación hasta la división y el guardado, en una sola ventana emergente, pensando en los siguientes usos: ・📡 Archivo de transmisiones o seminarios web. ・📚 Guardar clases o capacitaciones en línea. ・📋 Grabación de pantalla para procedimientos operativos o manuales. ・🎯 Reducción del número de tomas necesarias para demostraciones. ・🎬 Grabación de pantallas de videos largos reproducidos en el navegador, como anime, dramas o películas (※ Por favor, respete los términos de servicio y derechos de autor de cada servicio al ver o grabar). 💡 Consejos de reproducción: ・En videos de entretenimiento, las transiciones oscuras (cambios de escena o antes/después de comerciales) y los segmentos silenciosos son fáciles de identificar, lo que hace que la división automática sea muy efectiva. También puede seleccionar configuraciones para capturar BGM (música de fondo) y diálogos en audio estéreo. ・Además de iniciar/detener la grabación, está diseñado para ser fácil de usar sin pasar la pantalla a otras aplicaciones, incluyendo controles de calidad, audio, división automática y clips guardados. 【🖥️ Captura de Pantalla y Audio】 Se puede superponer un micrófono al stream obtenido mediante uso compartido de pantalla según sea necesario. El micrófono se captura en un stream separado del de la pantalla, luego se fusiona el canal de audio con el video usando Web Audio (AudioContext) antes de pasarlo a MediaRecorder. ・📺 Puede grabar directamente videos de tabs o imágenes de pantalla en modo pantalla completa (el rango compartido se selecciona en el diálogo de uso compartido de pantalla del SO). ・🔊 Permite mezclar el audio del tab y la narración dentro del navegador (fácil de empezar sin necesidad de dispositivos de audio virtual). ・🎥 La fuente de video es compatible no solo con el uso compartido de pantalla, sino también con combinaciones como cámara solamente o audio solamente. 【🎬 Formato de Grabación y Calidad】 El núcleo es WebM (video VP9 + audio Opus) proporcionado por MediaRecorder estándar del navegador. ・🔉 Audio (Imagen predeterminada): Configuración basada en la clase de 256kbps. ・📊 Tasa de bits de video: Seleccionable entre automático, ahorro de espacio o alta calidad. ・📐 Resolución: Automático, o fijo a 1280×720 / 1920×1080. ・🖱️ Cursor: Visible/Invisible (visible para demostraciones operativas, invisible para visualización de películas/dramas/anime). Para contenido de video: Si selecciona perfiles predeterminados de alta calidad o fijo a 1080p, es más fácil retener los detalles del video en la pantalla y organizarlo como un "archivo de video para revisión", junto con el estéreo. 【🎧 Calidad y Modo de Audio】 Priorizando que se escuche con alta fidelidad, por defecto, las funciones de eliminación de eco, supresión de ruido y ganancia automática están desactivadas durante la grabación. ・<0xF0><0x9F><0x8E><0x9A>️ Tasa de muestreo: Predeterminado 48kHz. Se puede cambiar desde la UI a 44.1kHz / 32kHz / 22.05kHz, etc. ・<0xF0><0x9F><0x8E><0x9B>️ Canal: Estéreo (2 canales) por defecto, también se puede cambiar a mono. ・🎤 Modo de entrada: Solo audio del tab / Tab + micrófono. ・📈 Es fácil prevenir que el nivel sea demasiado bajo o que se recorte al confirmar la entrada con un medidor de niveles antes de comenzar la grabación. ・🔇 Grabación Silenciosa: Opción para silenciar solo el tab objetivo durante la grabación. Esto reduce la fuga de sonido al entorno, pero graba el audio del tab en el archivo. Se restaura el estado silencioso al detenerse. 【⏱️ Sesiones Largas, Almacenamiento y Límites】 Para evitar acumular datos solo en memoria, los datos de grabación se escriben secuencialmente en IndexedDB en fragmentos pequeños (chunks). ・🧠 Reduce la presión de memoria incluso durante programas o reuniones largas. ・💾 Si falla la escritura en IndexedDB, vuelve a usar la memoria y continúa intentándolo mientras notifica el fallo. ・🛡️ En caso de fallback, hay un límite de memoria y una protección contra hinchazón excesiva que detiene el proceso. ・⏰ El límite de tiempo de grabación se especifica como "horas + minutos" y se detiene automáticamente al alcanzarlo. ・🔢 Cuenta regresiva antes del inicio para tener margen en la preparación y verificación del micrófono. ・⏸️ Al pausar, el temporizador límite también se detiene temporalmente y solo se reinicia el tiempo restante al reanudar. 💎 Gratis / Pro (Puntos clave) ・🆓 Gratis: Límite duro de 15 minutos por sesión forzado en el código. ・⭐ Pro: Diseñado para eliminar las limitaciones anteriores, permitiendo límites configurables por el usuario (incluyendo ilimitado). ・📜 Funciones como alta tasa de muestreo, alta resolución, video de alta tasa de bits o acciones automáticas (oscurecimiento/pausa/silencio) se controlan mediante la licencia (consulte la guía dentro de la aplicación para más detalles). 【🌑 Detección de Oscurecimiento y División Manual】 ・📊 Muestra el brillo promedio durante la grabación, facilitando el ajuste del umbral de oscurecimiento visualmente. ・✂️ Incluso si no se usa la división automática, internamente siempre está en unidades de segmento. Permite la división manual si es necesario. ・📥 Los segmentos confirmados pueden previsualizarse y descargarse desde una lista (fácil de tratar como "clips divididos" antes de editar). 【✂️ División Automática (Oscurecimiento/Pausa/Silencio)】 Se puede configurar la división y la detención de grabación en una matriz basada en tres sistemas: oscurecimiento, pausa o silencio. 🌑 Oscurecimiento ・Calcula el brillo promedio en el canvas mediante muestreo intermitente de fotogramas. ・Si el estado "oscuro" (por debajo del umbral) persiste durante un tiempo establecido, se considera un candidato para división. ・Opciones para reducir divisiones erróneas, como considerar el audio solo cuando está en silencio, o no juzgar hasta que pasen X minutos desde el inicio del segmento. ・Después de la división, hay un breve período de enfriamiento (para evitar fragmentos excesivos en transiciones continuas). 🖼️ Pausa (Still) ・Detecta si el cambio de video es pequeño y persiste durante un tiempo. ・Se pueden seleccionar condiciones detalladas, como incluir el silencio como condición. 🔇 Silencio ・Calcula la intensidad instantánea del sonido (escala 0-255) a partir de los datos en el dominio del tiempo del AnalyserNode, comparándolo con el umbral de silencio (no es solo el promedio de energía de bandas de frecuencia). ・La **duración continua del silencio es de 0 a 60 segundos (en incrementos de 0.5 segundos)**. Si la configuración está cerca de los **0 segundos**, será más fácil reaccionar cuando el nivel entre en el lado silencioso (consulte la ayuda dentro de la aplicación para detalles). ・Aunque el umbral de silencio se puede especificar hasta **0** en la UI, la detección real utiliza un **límite inferior efectivo muy pequeño** para facilitar la determinación incluso con audio del tab ruidoso. ・Debido a la opción de **no incluir segmentos silenciosos en la salida** o al tiempo de espera de búfer al inicio de la división automática, el flujo principal puede **pausarse automáticamente** justo después de comenzar la grabación. El **inicio y levantamiento** se registran en el registro de actividad (hay un registro estructurado para la consola del desarrollador). ⚙️ Común ・Se puede especificar individualmente "dividir/detener después de X segundos" para cada condición. **La pausa es un entero entre 3 y 60 segundos**, **el silencio es de 0 a 60 segundos en incrementos de 0.5 segundos**. ・Se puede asignar no solo a la división, sino también al "final de la grabación" (detención automática después del abandono o sin personal). ・También se considera el comportamiento de detener la grabación cuando finaliza el track de video. 【🔗 Gestión de Segmentos y Unión WebM】 ・📑 Cada segmento retiene la razón de división (inicial/oscurecimiento/pausa/silencio/manual, etc.), un número consecutivo, duración y nombre opcional. ・💾 Se puede restaurar la lista de segmentos desde IndexedDB incluso después de cerrar la ventana emergente. ・▶️ **Previsualización en Ventana Emergente**: Permite verificar los segmentos en tiempo real o después de detenerse. ・📤 **Exportación Masiva**: Guardado continuo de todos los segmentos, descarga ZIP y conversión a WAV/MP3 (procesamiento dentro del navegador). ・🧩 Dado que la simple concatenación de múltiples WebM puede corromper el EBML, se fusionan en un archivo correcto interpretando Matroska/EBML y ajustando las marcas de tiempo de clúster para mantener la coherencia (se corrigen los clústeres finales derivados del streaming antes de combinarlos). 【<0xF0><0x9F><0x8E><0x9B>️ UI de Operación y Licencias】 ・⏱️ Tiempo transcurrido, pausa/reanudación, registro de actividad (también registra el inicio/levantamiento de **pausa automática**), notificaciones toast. ・📂 La configuración se organiza con acordeones (matriz de calidad/audio/oscurecimiento/división automática, etc.). ・🔑 Los elementos disponibles cambian según la licencia utilizada. ・☁️ La verificación de licencias está vinculada a Firebase Authentication y caché (consulte la pantalla de la versión Pro para más detalles). 【🔒 Manejo de Datos (Guía de Privacidad)】 ・💾 El cuerpo de la grabación se mantiene en IndexedDB/Memoria. ・👆 Guardar o descargar clips depende de la acción del usuario. ・🏠 No es una tubería de grabación que envíe automáticamente archivos de video a la nube, por lo que es ideal para usos donde primero se desea mantener localmente (como grabar contenido interno o no publicado). (Puede haber comunicación si se requiere autenticación o verificación de licencia). ・🏢 El almacenamiento y uso compartido de archivos deben seguir las políticas de la organización. 【🛠️ Objetivo del Diseño】 Se prioriza el uso de APIs estándar del navegador y lógica ligera, lo que resulta en una menor probabilidad de fallos: para sesiones largas = escritura secuencial en chunks + guardia de memoria; para unión = coherencia EBML. Está diseñado para que sea fácil retener archivos confiables solo con el navegador, incluso si se planea volver a codificar con otra herramienta más tarde. 【💡 Escenarios Previstos y Consejos de Ajuste】 ・📡 Live / Webinars: Permite estructurar por capítulos usando oscurecimiento o silencio, facilitando la entrega a software de edición. ・🎬 Anime/Dramas/Películas (Reproducción en navegador): El oscurecimiento facilita identificar cambios de escena o bloques (alrededor de OP/ED, comerciales). El silencio y la pausa también se pueden usar para divisiones de títulos o tomas estáticas. Las sesiones largas son fáciles de manejar con IndexedDB y división, y es fácil retener la sensación de música, efectos de sonido y conversación en estéreo (utilizar dentro del marco legal y contractual). ・🖱️ Demostraciones Operativas: El cursor + audio del tab + narración por micrófono facilita transmitir la intención. ・🎓 Clases/Capacitaciones: Permite usar IndexedDB para estabilidad en sesiones largas, combinando el límite gratuito de 15 minutos con la relajación de límites de Pro. ・📶 Perfiles de Calidad: Desde bajo ancho de banda para visualización móvil hasta alta tasa de bits para videos vistos en pantallas grandes. El valor óptimo de detección depende del ritmo y la iluminación del programa. Es más seguro experimentar con el umbral, la duración continua, el margen inicial del segmento y los segundos de pausa/silencio según el contenido objetivo. También se puede ajustar la combinación de división y detención (por ejemplo: "dividir por oscurecimiento pero no detener por silencio"). Con las notificaciones toast y el registro de actividad, es fácil rastrear no solo "dónde fue dividido" después de una grabación larga, sino también cuándo ocurrió/se levantó la **pausa automática** (brecha silenciosa / espera de inicio). 【📝 Resumen】 Browser Tab Recorder es una extensión que cubre un amplio espectro de uso práctico: además de guardar el video mostrado en la pantalla del navegador con alta calidad de audio, permite operar de manera estable durante largos periodos, dividir/detener por oscurecimiento, pausa o silencio, y gestionar los segmentos sin pérdida uniéndolos correctamente como WebM. Desde usos comerciales hasta la organización de videos de entretenimiento como anime, dramas o películas. Es más fácil reducir problemas si se comienza con pruebas cortas para sentir la calidad, el audio y la sensibilidad de la división automática antes de pasar a producción. ⚠️ Atención: Dependiendo de las revisiones y espacios de visualización de Chrome Web Store, los límites, divisiones y expresiones entre gratis y pago deben ajustarse según la nomenclatura interna del producto y la política en el momento de la publicación. Browser Tab Recorder es una extensión que graba el video mostrado en la pantalla del navegador como un archivo de video con audio estéreo de alta calidad. Es ideal para grabar videos largos, como anime, dramas o películas, y su ventaja es que se divide automáticamente fácilmente usando oscurecimiento o silencio (por favor, respete los términos de servicio y derechos de autor de cada servicio al usarlo o grabarlo). ・💾 Grabación estable de video largo mediante escritura en chunks a IndexedDB. ・<0xF0><0x9F><0x8E><0x9A>️ Configuración de audio flexible: tasa de muestreo / mono-estéreo / solo tab / tab + micrófono, etc. ・🔇 Grabación silenciosa (sin salida de altavoz) y omisión de segmentos silenciosos. ・✂️ División automática y gestión de segmentos basada en oscurecimiento, pausa o silencio (fácil división del video). ・🔗 Unión WebM considerando EBML (múltiples clips en un solo video). ・📤 Exportación de segmentos mediante WAV/MP3/ZIP. Es una extensión de alta funcionalidad con estas características.