Título: Codigo avanzado para reproducir videos en tu Web. Publicado por: hackmastter en 27 Febrero 2015, 22:57 pm Hola de nuevo.!!! ;D
Esta vez quiero preguntar, acerca de las maneras de introducir videos en tu Web (HTML5, javascript o con lo que sea que sea :P) Tengo un codigo para reproducirlos con HTML5, pero este es el código básico: Código: <video src="http://localhost/Video/video.mp4" poster="http://localhost/Img/Psj/Psj1.jpg" controls width="400" height="400"></video> Pero hay ciertas páginas que hacen esto de maneras muy diferentes las unas de las otras. Unas son muy eficientes a la hora de reproducir un video (digamos de 240p) pero otras son "poco eficientes" (para no decir mas) reproduciendo un video de la misma calidad. Otra cosa también, es que algunos videos se pueden parar retroceder adelantar y si ya cargaron esto se puede hacer de manera simple (como en un reproductor en tu PC) pero ahi otras que no importa que todo el video ya este cargado, si clickeas para retrocederlo todo lo que ya había cargado desaparecerá y comenzará de nuevo desde donde lo clickaste y si estas de suerte, esta posibilidad de saltar por el video ni siquiera existe. :huh: Les dejaré dos páginas de ejemplo: http://series.anime-latino.net/anime/dr-house.html http://www.repelis.tv/7926/pelicula/three-kings.html En la primera seleccionen cualquier capitulos, esperen dos minutos y verán todo el video sin problemas aun con una conexión a internet mediocre (como la mía :silbar:). Aunque si mal no recuerdo, no podrán adelantar a una parte del video a menos que esta ya haya cargado. Pero en la segunda, hagan play (y esperen a que termine el anuncio :¬¬) después que termine hagan play para ver el video. Suponiendo que tengan paciencia para esperar, se darán cuenta de que no es lo mismo... >:( Título: Re: Codigo avanzado para reproducir videos en tu Web. Publicado por: engel lex en 27 Febrero 2015, 23:04 pm esos 2 son reproductores flash... la velocidad del video dependerá de la velocidad del servidor, la calidad del video y formato, algunos formatos son mucho más ligeros que otros...
al final no se que es lo que querías saber XD Título: Re: Codigo avanzado para reproducir videos en tu Web. Publicado por: hackmastter en 28 Febrero 2015, 02:04 am Entiendo.
Pero diganme mas o menos como de utiliza Flash Player (Denme una idea para saber por donde empezar :xD) o pasenme algún tutorial bueno que tengan ;-) Muchas Gracias... Título: Re: Codigo avanzado para reproducir videos en tu Web. Publicado por: engel lex en 28 Febrero 2015, 02:11 am aunque sea intentaste
https://www.google.com/search?q=reproductor+video+flash+para+web (https://www.google.com/search?q=reproductor+video+flash+para+web) Título: Re: Codigo avanzado para reproducir videos en tu Web. Publicado por: Usuario Invitado en 28 Febrero 2015, 04:48 am Como recomendación personal, no uses flash, usa la nueva API Video de HTML5. Es innecesario flash para reproducir videos si ahora lo podemos hacer nativamente con HTML5 y sin consumir un elevado porcentaje de recursos como flash. Como te dijo @engel lex, el tiempo de respuesta dependerá de la conexión entre tú y el servidor en donde esté alojado el vídeo. La API Video de HTML5, es muy práctica y relativamente sencilla de aprender.
Yo suelo crear el reproductor con HTML5 y CSS y luego cargo en un array todos los archivos media (en Desarrollo Web dejé un reproductor MP3 que hace uso de la nueva API Audio de HTML5 que puedes ver para tomarlo como case study). Una vez que tenemos el array con los audios o vídeos, podemos manejar dichos objetos para realizar los procesos que queramos: retroceder, reproducir, pausar, avanzar, repetir, etc. Título: Re: Codigo avanzado para reproducir videos en tu Web. Publicado por: engel lex en 28 Febrero 2015, 04:56 am Gus Garsaky hasta donde se el reproductor en html5 no te deja manejar a bajo nivel el video, así que es complicado hacer ciertas operaciones de bajo nivel y dependes del comportamiento del navegador para momentos como saltar a otra zona del video y cosas así... hay detallitos que me hacen queer que a video y audio de html5 les falta mucho... si me equivoco en lo que acabo de decir, por favor corrígeme porque estaría interesado ;)
Título: Re: Codigo avanzado para reproducir videos en tu Web. Publicado por: EFEX en 28 Febrero 2015, 19:14 pm Nunca me toco trabajar con video si flash, html5 video o alguna libreria js. Pero buscando algunos ejemplos..
http://stackoverflow.com/a/18624833 https://people.mozilla.org/~cpearce/buffered-demo.html http://www.w3.org/2010/05/video/mediaevents.html http://www.w3.org/TR/html5/embedded-content-0.html#dom-mediacontroller-buffered Título: Re: Codigo avanzado para reproducir videos en tu Web. Publicado por: engel lex en 28 Febrero 2015, 19:30 pm lo ejemplos están interesantes, especialmente con respecto al buffer
Título: Re: Codigo avanzado para reproducir videos en tu Web. Publicado por: Usuario Invitado en 28 Febrero 2015, 19:53 pm @engel lex Audio y Video tienen una propiedad llamada currentTime que te devuelve el tiempo actual de reproducción y si le asignas un valor (en segundos) salta a dicho tiempo.
En mi reproductor lo hice así:
Ejemplo: Función getPlayheadClickPercent(): Código
Luego actualizamos el transcurso actual del vídeo: Código
Pueden ver la documentación de Video aquí (http://www.w3schools.com/tags/ref_av_dom.asp). Sencillo como puedes ver. Cualquier error ortográfico me disculpan, estoy escribiendo desde móvil con Opera mini :xD Saludos. |