come codificare una barra di avanzamento

Question

Sto costruendo un player di YouTube con controlli personalizzati utilizzando l'API di YouTube:

http://code.google.com/apis/youtube/youtube_player_demo.html?playerType=chromeless&playerVersion=as3

Ho la riproduzione/pausa/salta pulsanti tutto fatto, ma ho devo creare una barra di avanzamento e non riesco a pensare a come farlo. Non ho mai programmato una barra di avanzamento prima. Posso accedere al tempo video totale e anche interrogare il tempo di riproduzione corrente usando setinterval ... quindi ogni 250 ms, ad esempio, posso effettuare il polling per scoprire la posizione corrente dei video.

La mia domanda è: come utilizzare tali dati per creare una barra di avanzamento? Sto pensando a un div che potrei manipolare in larghezza per mostrare il progresso del video. Il mio problema è come faccio a utilizzare i dati (durata video totale e ora corrente) per decidere quando e quanto aumentare la larghezza di questo div.

Spero che questo abbia senso.

Answer 1

La formula per calcolare la dimensione della barra di avanzamento è molto semplice: $download_size/$download_progress * $max_progressbar_width. Devi solo assicurarti che entrambe le dimensioni di download utilizzino le stesse unità per ottenere una proporzione corretta.