Foros del Web » Programando para Internet » Jquery »

Mostrar tiempo de video HTML5

Estas en el tema de Mostrar tiempo de video HTML5 en el foro de Jquery en Foros del Web. Hola gente , espero esten bien. Miren, el problema que tengo es que no se como mostrar el tiempo y la duracion del video de ...
  #1 (permalink)  
Antiguo 09/03/2016, 09:54
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 8 años, 8 meses
Puntos: 12
Mostrar tiempo de video HTML5

Hola gente , espero esten bien.

Miren, el problema que tengo es que no se como mostrar el tiempo y la duracion del video de mi reproductor que he creado.

Ps el tema es que si yo coloco mustro el currentTime o duration estos me dan tiempo en segundos segun creo.

Y lo que quiero es saber como mostrar ese tiempo pero en segundos y minutos normales.

Es decir, una especie de calculo ¿no?.

dejare el code de jquery aqui, asi le hechan un vistazo y si hay algo que vean que puedan optimizar me avisan, me ayudaria mucho :)

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     //----> Funcion "Controlar Tiempo".
  3.     $("#progress_box").on("click", function(event){
  4.         var mouseX = event.pageX - this.offsetLeft;
  5.         var Duracion = $("video")[0].duration;
  6.         var ProgressBox = $("#progress_box").width();
  7.         mouseX = mouseX*Duracion/ProgressBox;
  8.         $("video")[0].currentTime = mouseX;
  9.         var ProgresoActual = $("video")[0].currentTime;
  10.         var ProgresoTotal = ProgresoActual*100/Duracion;
  11.         /*alert(ProgresoTotal);*/
  12.         $("#progress_bar").css({"width":""+ProgresoTotal+"%"});
  13.     });
  14. });
  15.  
  16.     //----> Funcion "Play".
  17.     function play(){
  18.         var play = $("#play");
  19.         play.removeClass("play");
  20.         play.addClass("pause");
  21.         play.attr("onclick", "pause();");
  22.         $("video")[0].play();
  23.         $("video").on("timeupdate", function(){
  24.             var Duracion = $("video")[0].duration;
  25.             var Progreso = $("video")[0].currentTime;
  26.             var ProgresoTotal = Progreso*100/Duracion;
  27.             $("#progress_bar").css({"width":""+ProgresoTotal+"%"});
  28.         });
  29.     }
  30.    
  31.     //----> Funcion "Pause".
  32.     function pause(){
  33.         var play = $("#play");
  34.         play.removeClass("pause");
  35.         play.addClass("play");
  36.         play.attr("onclick", "play();");
  37.         $("video")[0].pause();
  38.     }
  39.    
  40.     //----> Funcion "mute".
  41.     function mute(){
  42.         var sound = $("#sound");
  43.         sound.removeClass("sound_enabled");
  44.         sound.addClass("sound_disabled");
  45.         sound.attr("onclick", "desmute();");
  46.         $("video")[0].volume = 0;
  47.     }
  48.    
  49.     //----> Funcion "desmute".
  50.     function desmute(){
  51.         var sound = $("#sound");
  52.         sound.removeClass("sound_disabled");
  53.         sound.addClass("sound_enabled");
  54.         sound.attr("onclick", "mute();");
  55.         var SoundRange = $("#sound_range input").val();
  56.         $("video")[0].volume = 0+"."+SoundRange;
  57.     }
  58.    
  59.     //----> Funcion "volumen".
  60.     function volumen(){
  61.         var VolActual = $("#sound_range input").val();
  62.         $("video")[0].volume = 0+"."+VolActual;
  63.     }
  64.    
  65.     //----> Funcion "Full_Screen".
  66.     function fullscreen(){
  67.         $("video")[0].mozRequestFullScreen();
  68.     }

Espero puedan ayudarme y gracias de antemano.

Última edición por TrinityCore; 09/03/2016 a las 11:19

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:47.