¿Puedo precargar múltiples recursos de video para cargar en el mismo elemento HTML5 <video>?

Estoy trabajando en detalles en una aplicación web que implica la carga secuencial de una serie larga de videoclips (muy cortos), uno tras otro, con la entrada ocasional del usuario que establece nuevas direcciones para qué video clips cargar.¿Puedo precargar múltiples recursos de video para cargar en el mismo elemento HTML5 <video>?

Me gustaría que el navegador precargue los videoclips de cinco en cinco. Sin embargo, la forma en que actualmente tenemos el sitio trabajando es por medio de un solo elemento de video que está teniendo su atributo src continuamente actualizado a través de JavaScript.

¿Hay alguna manera directa de que el navegador cargue múltiples clips de video a pesar de que finalmente los estoy cargando todos (uno a la vez) en el mismo elemento de video?

Fuente

2010-09-09 Sergio1132

Muy bien redactado, muy claro. Bienvenido a Stack Overflow! –

Gracias! No estaba seguro de si la pregunta era demasiado vaga o general. – Sergio1132

estoy tratando de hacer algo similar, creo que podría estar cerca. esta API realmente ayuda a ver el funcionamiento interno y cómo usarlos publicar cuando haya terminado –

Puede precargar imágenes en navegadores creando una etiqueta <img> en JavaScript, y estableciendo su atributo src. Aunque no es requerido por ninguna especificación, todos los navegadores luego descargan la imagen y la almacenan (suponiendo que sus cachés no han sido desactivados).

No tengo idea si eso funciona con el elemento <video> en HTML5, pero podría ser así. ¿Podrías intentarlo?

Fuente

2010-09-10 11:16:10

He intentado algo similar, pero mi problema es que la página está diseñada para tener solo un elemento

Debo explicar que el elemento de video en cuestión es básicamente la página completa. Supongo que necesito una forma de decirle al navegador que tome un conjunto de archivos y los guarde en la memoria caché hasta que sea hora de cargarlos en el elemento de video de uno en uno. Y necesito que suceda en JavaScript porque los archivos necesarios cambian según la entrada del usuario. – Sergio1132

@ Sergio1132: ah, entonces el navegador no parece almacenar en caché los archivos de video. En ese caso, creo que tendrá que cambiar su enfoque - crear elementos adicionales '

-1

Tenía curiosidad si terminó el proyecto en el que estaba trabajando? Estoy experimentando con un reproductor de video html5 con una lista de reproducción y me preguntaba si te encontraste con algún problema importante. ¿Hubo problemas de rendimiento al cargar/reproducir varios archivos de video? ¿Pudiste ejecutar esto en un iPad? ¿Tuviste una alternativa para IE?

Mi enfoque iba a ser: tener un solo elemento <canvas> con múltiples elementos ocultos <video> y usar la función canvas drawImage() para mostrar y realizar un fundido cruzado entre videos.

Fuente

2011-01-04 00:48:54

¿Puedo precargar múltiples recursos de video para cargar en el mismo elemento HTML5 <video>?

Respuesta

Cuestiones relacionadas