Cómo YouTube mejoró el rendimiento de los videos con la API de funciones multimedia

Garantiza una reproducción fluida y fluida de videos en todos los dispositivos.

François Beaufort
François Beaufort

En un experimento con la API de funciones de medios, YouTube observó un aumento del 7.1% en MTBR con solo una disminución del 0.4% en la resolución promedio de los videos publicados.

El problema

Por lo general, los sitios multimedia tienen varias variantes de cada video que pueden presentar a los usuarios, codificadas en diferentes velocidades de fotogramas, resoluciones y códecs. Hasta hace poco, los desarrolladores web debían depender únicamente de isTypeSupported() o canPlayType() para determinar si cada variante podía jugarse en el navegador de un usuario individual. Si bien esto le indicaba al desarrollador si se podía reproducir el contenido multimedia, no proporcionaba una indicación de la calidad de reproducción, por ejemplo, si se producirían disminuciones de fotogramas o si se agotaría la batería del dispositivo. Sin esta información, los desarrolladores tuvieron que crear sus propias heurísticas o simplemente suponer que si un dispositivo pudiera reproducir una combinación de códec y resolución, lo haría sin problemas y con eficiencia energética. Para los usuarios con dispositivos menos capaces, esto a menudo generaba una experiencia deficiente.

La solución

La API de Media Capabilities permite que los sitios web obtengan más información sobre el rendimiento de la decodificación de video del cliente y tomen una decisión fundamentada sobre qué códec y resolución entregar al usuario. Específicamente, la API proporciona al desarrollador una estimación de la suavidad y la eficiencia energética de una combinación de resolución y códec en particular. Esto le permite al desarrollador evitar situaciones en las que es probable que el cliente tenga una experiencia de reproducción deficiente.

En Chrome, la API de Media Capabilities usa métricas de reproducciones anteriores para predecir si las reproducciones futuras con el mismo códec y con la misma resolución se decodificarán sin problemas.

Caso de éxito de YouTube

YouTube usó la API de Capacidades multimedia para evitar que su algoritmo de tasa de bits adaptable seleccione automáticamente resoluciones que un dispositivo no podía reproducir sin problemas.

Los usuarios que formaban parte del grupo experimental observaron colectivamente realmacenamiento en búfer menos frecuentes (el tiempo promedio entre volver a almacenar en búfer, o MTBR, aumentó en un 7.1%), mientras que la resolución promedio, medida por la altura del video, se publicó para el grupo agregado solo en un 0.4%. El aumento sustancial en el MTBR con la pequeña reducción correspondiente en la resolución promedio indica que este cambio mejoró significativamente la calidad para un pequeño subconjunto de usuarios que anteriormente tuvieron una mala experiencia.

Cómo implementar la API de funciones de medios en tu sitio

Consulta el ejemplo oficial para ver cómo funciona la API de Decoding Info.