Tengo problemas de audio con mi sistema, lo que resulta en grietas o tartamudeos ocasionales y desincronización de video/audio.
Diferentes programas y contextos tratan esto de manera diferente. Por lo tanto, para mi caso más común de videos de YouTube, puedo volver a sincronizar A/V en Firefox anterior a "Quantum" (v<57) simplemente pausando y despausando el video después de un segundo; pero en navegadores modernos como Chrome v96.0.4664.45 (compilación oficial) (64 bits), se conserva el búfer anterior desalineado.
Claro, eso es inteligente para cuando las cosas van bien, pero ¿y si las cosas van mal?
Me gustaría conocer formas de invalidar los búferes , activando una reevaluación de las pistas de audio y video, en mi caso, para asegurarme de que estén sincronizadas nuevamente. HTMLMediaElement.buffered es de solo lectura y los objetos de rango que contiene tampoco proporcionan ninguna interfaz para la modificación.
Mi problema más común en el que todavía me falta una solución son los videos en los navegadores web, y más comúnmente en YouTube.
Intenté cambiar el valor de src agregando una cadena de consulta con videoElement.src += "?refresh=" + Math.random(0,1); o una mera referencia "hash"/DOM mediante el uso de un signo de libra (" # "), pero YouTube devuelve un "NO ENCONTRADO" en todos los recursos de blob habituales en los que estoy operando.
Ahora estoy atascado.
Todas las propiedades de los elementos DOM que estoy viendo que parecen ser útiles, son de solo lectura (como los rangos HTMLMediaElement.buffered )
¿No hay forma de enviar una señal al navegador para invalidar el búfer de A/V ensamblado hasta ahora y volver a evaluar las cosas en función de la posición de tiempo actual?
Regresé a este tema el otro día.
Resulta que una simple llamada de .load() podría ser el truco 🤦♂️
Esto puede diferir entre navegadores y aplicaciones web, pero en cualquier caso debería ser un buen punto de partida:
function reloadMedia(v){ var t = v.currentTime; v.load(); v.play(); // usually not needed; included for good measure v.currentTime = t; // usually not needed; included for good measure } En el caso de Chrome y YouTube actuales, parece funcionar perfectamente incluso sin restablecer la hora y volver a llamar a play() .