cómo codificar una barra de progreso

Question

Estoy construyendo un reproductor de YouTube con los controles personalizados utilizando la API de YouTube:

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

Tengo la reproducción/pausa/botones de salto de todo hecho pero no tengo Tengo que crear una barra de progreso y no puedo pensar cómo hacerlo. Nunca he programado una barra de progreso antes. Puedo acceder al tiempo de video total y también sondear el tiempo de reproducción actual usando setinterval ... así que cada 250 ms, por ejemplo, puedo sondear para conocer la posición actual de los videos.

Mi pregunta es ¿cómo hago uso de esos datos para crear una barra de progreso? Estoy pensando en un div que podría manipular en ancho para mostrar el progreso del video. Mi problema es cómo hago uso de los datos (duración total del video y hora actual) para decidir cuándo y cuánto aumentar el ancho de este div.

Espero que esto tenga sentido.

Answer 1

La fórmula para calcular el tamaño de su barra de progreso es muy básica: $download_size/$download_progress * $max_progressbar_width. Solo necesita asegurarse de que ambos tamaños de descarga utilicen las mismas unidades para obtener una proporción correcta.