2010-09-09 11 views
11

Sto elaborando i dettagli di un'applicazione Web che prevede il caricamento sequenziale di una lunga serie di clip video (molto brevi), uno dopo l'altro, con input occasionale da parte dell'utente che stabilisce nuove direzioni per il caricamento dei video.Posso precaricare più risorse video per caricare nello stesso elemento HTML5 <video>?

mi piacerebbe essere in grado di avere il browser precaricare i videoclip cinque alla volta. Tuttavia, il modo in cui attualmente il sito funziona è per mezzo di un singolo elemento video che sta avendo l'attributo src continuamente aggiornato tramite JavaScript.

C'è un modo semplice per far sì che il browser precarichi più video clip anche se in definitiva li sto caricando tutti (uno alla volta) nello stesso elemento video?

+4

Molto ben formulato, molto chiaro. Benvenuto in Stack Overflow! –

+0

Grazie! Non ero sicuro se la domanda fosse troppo vaga o generale. – Sergio1132

+0

sto provando a fare qualcosa di simile penso che potrei essere vicino. questo api aiuta davvero a vedere i meccanismi interni e come usarli postare quando ho finito –

risposta

3

È possibile precaricare le immagini nei browser creando un tag <img> in JavaScript e impostando l'attributo src. Sebbene non sia richiesto da alcuna specifica, tutti i browser scaricano l'immagine e la memorizzano nella cache (assumendo che le loro cache non siano state disabilitate).

non ho idea se funziona con l'elemento <video> in HTML5, ma potrebbe fare. Potresti provarci?

+0

Ho provato qualcosa di simile, ma il mio problema è che la pagina è progettata per avere solo un elemento

+0

Dovrei spiegare che l'elemento video in questione è fondamentalmente l'intera pagina. Suppongo di aver bisogno di un modo per dire al browser di prendere un set di file e conservarli in cache fino al momento di caricarli nell'elemento video uno alla volta. E ho bisogno che avvenga in JavaScript perché i file necessari cambiano in base all'input dell'utente. – Sergio1132

+2

@ Sergio1132: ah, quindi il browser non sembra memorizzare nella cache i file video. In tal caso, penso che dovrai modificare il tuo approccio: creare elementi '

-1

Ero curioso di sapere se ti è capitato di finire il progetto a cui stavi lavorando? Sto facendo esperimenti con un video player html5 con una playlist e mi chiedevo se avessi incontrato grossi problemi. Ci sono stati problemi di prestazioni con il caricamento/riproduzione di più file video? Eri in grado di eseguire questo su un iPad? Hai avuto un fallback per IE?

Il mio approccio sarebbe stato: avere un singolo elemento <canvas> con più elementi nascosti <video> e utilizzare la funzione drawImage() del canvas per visualizzare e crossfade tra i video.

Problemi correlati