es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo seleccionar la calidad de video HLS con JavaScript en iOS/Safari?

23 Jul, 2023 Programación

Estoy creando un reproductor de video Hls utilizando la biblioteca Hls.js y agregando una función para seleccionar la calidad del video. Mi problema es que Safari en iOS no admite Hls.js. Sé que solo se puede usar en navegadores que admitan MSE. Además, también sé que la biblioteca no es necesaria en iOS/Safari porque la etiqueta “video” admite Hls de forma básica en Safari. Puedo crear un reproductor Hls utilizando solo la etiqueta “video” sin la biblioteca Hls, pero no puedo agregar la función para seleccionar la calidad del video. La etiqueta “video” no admite el selector de calidad.

¿Cómo puedo agregar un selector de calidad de video para iOS/Safari?
Youtube lo admite incluso cuando el navegador es Safari en iOS. Creo que debe haber una manera. ¡Por favor, alguien ayude!

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    No es posible implementar un selector de calidad de video para videos HLS en Safari para iOS utilizando la biblioteca Hls.js, ya que Safari en iOS no es compatible con Hls.js. Sin embargo, es posible implementar un selector de calidad de video para videos HLS en Safari para iOS utilizando JavaScript y la etiqueta video. Aquí están los pasos para lograr esto:

    1. Crea una lista de las calidades de video disponibles para tu video HLS. Puedes obtener las calidades disponibles analizando la lista de reproducción variant de tu video HLS utilizando JavaScript.

    2. Crea un menú desplegable u otro elemento de interfaz de usuario similar para permitir al usuario seleccionar una calidad de video.

    3. Cuando el usuario seleccione una calidad de video, establece el atributo src de la etiqueta video a la URL de la variante apropiada para esa calidad. Puedes obtener las URL de las variantes analizando la lista de reproducción variant de tu video HLS utilizando JavaScript.

    4. Inicializa la etiqueta video con la biblioteca Hls.js si el navegador la admite, de modo que el video se reproducirá con Hls.js en los navegadores que la admiten.

    5. Para los navegadores que no admiten Hls.js, la etiqueta video utilizará el soporte nativo de HLS proporcionado por Safari para iOS.

    Ten en cuenta que este método requiere habilidades de programación y no es tan simple como usar una biblioteca como Hls.js. Sin embargo, es la única forma de implementar un selector de calidad de video para videos HLS en Safari para iOS.

Comments are closed.