Hola!!
Antes de nada, decir que soy nueva en el foro. Me ha encantado descubrir un sitio como este. Espero que podamos ayudarnos.
Y ahora mi duda. Estoy haciendo un reproductor para vídeos usando html5. El caso es que me gustaría hacer la típica barra de carga del buffer. ¿Alguien sabe como hacerlo?
Experto 24 Jan 2011 11:38:40
Aún no he trasteado mucho el control de video, pero si no mal recuerdo la carga del buffer la hace por defecto, si lo que quieres mostrar son los controles puedes usar controls dentro de la etiqueta video, de esa forma aparecerán los botones de reproducción junto con la barra de tiempo (por donde va reproduciendo y lo que está cargado en buffer)
Espero sea de ayuda!
Un saludo!
AubeRoseau 24 Jan 2011 11:47:43
Gracias por tu respuesta.
El caso es que precisamente lo que pretendo diseñar son los controles del vídeo (hacer los míos propios). Supongo que algún atributo o propiedad del elemento vídeo nos dará la carga del búffer. Igual que duration nos da la duración del vídeo en segundos. ¿alguien me puede ayudar?
html5 24 Jan 2011 12:21:33
No puedes, al menos a nivel de html5 que yo sepa. Lo más parecido que conozco es el atributo autobuffer y es para la precarga del archivo.
Deberías de medirlo a nivel de servidor sabiendo los paquetes enviados y recibidos o mediante otro plugin en tu server.
Experto 24 Jan 2011 13:49:11
Si quieres cambiar la apariencia puedes utilizar css3 para cambiar el aspecto.
He buscado por ahí y encontré un sitio donde manejan el <video> dentro de un canvas para darle efectos. Puedes ver video más canvas
Tambien te dejo una librería por si te sirve, Cómo construir un reproductor de video con HTML5
De todas maneras, si lo que quieres es cambiar el aspecto, como te comentaba al principio con cambiar la css será suficiente, si aún quieres cambiar mucho más, siempre puedes realizar las llamadas de eventos desde otro sitio, al fin y al cabo es lo mismo que lanzarlo desde el propio control.
En este enlace puedes ver las propiedades y eventos del objeto video de HTML5
Cualquier duda seguimos por aquí! Un saludo
AubeRoseau 04 Feb 2011 11:51:56
Hola de nuevo!
Html5 tiene un atributo (buffered) para el control del buffer: http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#dom-media-buffered
¿Alguien lo ha usado? Yo lo he probado y por ejemplo en Chrome funciona, pero en Firefox no. ¿Puede ser que sea incompatible?
Gracias
Experto 04 Feb 2011 12:44:47
Es posible que aún no esté implementado al 100% en los navegadores, ten en cuenta que actualmente están trabajando en nuevas versiones de browsers para dar compatibilidad a HTML5.
Chrome es el que mejor preparado está, seguido por Firefox que van a sacar la versión 4 en breve y la versión 9 de IE.
Yo tengo la beta del Firefox y pinta bien, le han cambiado el "abrir en pestaña nueva" por "abrir en ventana nueva" y me equivoco por defecto ya jajaja, pero bueno es acostumbrarse como con el chrome.
Un saludo!
Dejar un comentario