Autor
|
Tema: Codigo avanzado para reproducir videos en tu Web. (Leído 4,494 veces)
|
hackmastter
Desconectado
Mensajes: 60
|
Hola de nuevo.!!! Esta vez quiero preguntar, acerca de las maneras de introducir videos en tu Web (HTML5, javascript o con lo que sea que sea ) Tengo un codigo para reproducirlos con HTML5, pero este es el código básico: <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. Les dejaré dos páginas de ejemplo: http://series.anime-latino.net/anime/dr-house.htmlhttp://www.repelis.tv/7926/pelicula/three-kings.htmlEn 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 ). 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...
|
|
|
En línea
|
|
|
|
engel lex
|
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
|
|
|
En línea
|
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
|
|
|
hackmastter
Desconectado
Mensajes: 60
|
Entiendo. Pero diganme mas o menos como de utiliza Flash Player (Denme una idea para saber por donde empezar ) o pasenme algún tutorial bueno que tengan Muchas Gracias...
|
|
|
En línea
|
|
|
|
engel lex
|
|
|
|
En línea
|
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
|
|
|
Usuario Invitado
Desconectado
Mensajes: 625
|
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.
|
|
« Última modificación: 28 Febrero 2015, 04:51 am por Gus Garsaky »
|
En línea
|
"La vida es muy peligrosa. No por las personas que hacen el mal, si no por las que se sientan a ver lo que pasa." Albert Einstein
|
|
|
engel lex
|
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
|
|
|
En línea
|
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
|
|
|
|
engel lex
|
lo ejemplos están interesantes, especialmente con respecto al buffer
|
|
|
En línea
|
El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
|
|
|
Usuario Invitado
Desconectado
Mensajes: 625
|
@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í: - Obtienes el offsetWidth del playhead (la barra de progreso).
- Obtienes la coordenada X del click en el playhead y le restas el offsetLeft del playhead.
- Devuelves la division del resultado anterior y el offsetWidth del playhead. Esto devuelve el % del playhead donde se ha clickeado en rango 0 a 1, donde 1 es 100%.
- Le asignas a la propiedad currentTime del objeto Video el resultado de la duracion del vídeo * el resultado anterior.
Por ejemplo, se ha ckickeado en el 40% del playhead lo que retorna 0.4. La duración del vídeo es de 600 segundos. 600 * 0.4 = 240. Por lo que salta al segundo 240. Ejemplo: Función getPlayheadClickPercent(): var playhead = document.querySelector(".playhead"); var playheadWidth = playhead.offsetWidth; var clickOffsetLeft = e.pageX - playhead.offsetLeft; return clickOffsetLeft / playheadWidth;
Luego actualizamos el transcurso actual del vídeo: var video = videosList[currentVideo]; var duration = video.duration; var playheadClickPercent = getPlayheadClickPercent(); video.currentTime = duration * playheadClickPercent;
Pueden ver la documentación de Video aquí. Sencillo como puedes ver. Cualquier error ortográfico me disculpan, estoy escribiendo desde móvil con Opera mini Saludos.
|
|
« Última modificación: 28 Febrero 2015, 20:06 pm por Gus Garsaky »
|
En línea
|
"La vida es muy peligrosa. No por las personas que hacen el mal, si no por las que se sientan a ver lo que pasa." Albert Einstein
|
|
|
|
Mensajes similares |
|
Asunto |
Iniciado por |
Respuestas |
Vistas |
Último mensaje |
|
|
formato para reproducir videos en un aparato de dvd
Multimedia
|
lauris313
|
2
|
8,509
|
23 Mayo 2008, 22:49 pm
por lauris313
|
|
|
Codigo para reproducir videos?
.NET (C#, VB.NET, ASP)
|
_CrisiS_
|
2
|
4,681
|
18 Diciembre 2010, 20:03 pm
por Shell Root
|
|
|
Google Docs incluirá soporte para reproducir vídeos
Noticias
|
wolfbcn
|
0
|
1,856
|
8 Enero 2011, 18:10 pm
por wolfbcn
|
|
|
Necesito un programa para reproducir videos .256
Multimedia
|
ABorre
|
4
|
4,260
|
19 Abril 2016, 17:43 pm
por MCKSys Argentina
|
|
|
Código para reproducir notas musicales mediante midiOutShortMsg
.NET (C#, VB.NET, ASP)
|
Lekim
|
2
|
3,770
|
14 Junio 2016, 23:57 pm
por Lekim
|
|