Usuario :
Clave :
[ Recuperar mi clave ] [ Crear una cuenta ]
Jonathan Makuc, Universidad Diego Portales
  Suscripción   RSS







Flash video con Flowplayer sin Javascript
Por Jonathan Makuc, última modifiación: 13 de Octubre de 2008 14:16, leído 9848 veces.
Tags: Manuales
   

Este pequeño tutorial muestra como tomar un video en mpeg2 y convertirlo a Flash Video (FLV) para luego publicarlo en Internet vía Flowplayer.

 

PASO 1: Convertir el video en FLV

Para convertir su pelicula en Flash Video existen muchas aplicaciones. Aqui utilizaremos ffmpeg, pequeña aplicación de línea de comando Linux que permite convertir de muchos formator a muchos formatos.

La sintaxis utilizada en este caso:

ffmpeg -i archivoAConvertir.mpg -ar 22050 -ab 56 -ac 1 -aspect 4:3 -b 200 -r 12 -f flv -s 336x280 swatch01.flv

Desglosando la línea de comando

Input
-i archivoAConvertir.mpg Archivo de input a trabajar
Audio

-ar 22050

Indica la frecuencia de muestreo de salida en Herts. Por defecto es 44.100Hz

-ab 56 Indica los kbps de muestreo de salida.  Por defecto 64 kbps.
-ac 1 Cantidad de canales de audio
Video
-aspect 4:3
Aspecto de conversion
-b 200
Bitrate del video de salida en kbit/s
-r 12 Cuadros por segundo del video de salida
Archivo Salida  
-f flv
Fuerza el tipo de archivo de salida, generalmente determinado por la extension del nombre de archivo de salida
-s 336x280
Tamaño ancho x alto de la película
swatch01.flv Nombre de archivo de salida


Una vez convertido, necesitamos un software para poder ver la pelicula en la pagina web.

 

PASO 2: Flash Video Player

En este caso utilizaremos Flowplayer, reproductor gratuito en SWF para videos flash.

Para los que no estan familiarizados en como funciona esto, aquí una pequeña explicación. Los Videos Flash no son una pelicula flash, sino un archivo de video comun y silvestre en un formato especial. Para poder reproducirlos "offline", usted puede usar su winamp o Ubuntu Movie Player, pero si quiere verlos embedidos en una página web, debe usar un reproductor compatible con lás páginas web. El plugin más comun hoy en día es flash (SWF) y por tanto la mayoría de los reproductores de Flash Video son Flash, aunque también podría haber uno en ActiveX o Java. Así, la película flash (el archivo SWF) actúa únicamente como un reproductor y NO contiene al video en sí.

Flowplayer permite varios aspectos de configuración como autoplay, esconder los controles, aspecto, buffering, colores, etc.

El problema A MI PUNTO DE VISTA, es que Flowplayer se utiliza solo a través de comandos javascript que generan el objeto flash que reproduce el video. Por una parte, la API ES MUY BUENA; construcción coherente, configuración mediante objetos, etc. Pero, que hacer cuando no podemos usar javascript?

Aqui veamos 2 formas de crear la película, primero usando javascript siendo la forma oficial y luego el código HTML puro.

 

Código Javascript 

flashembed("idDivContenedor", 
		{
			src:'../FlowPlayerDark.swf',
			width: 336, 
height: 280
}, {config: {

autoPlay: true,
autoBuffering: true,
controlBarBackgroundColor:'0x000000',
initialScale: 'scale',
videoFile: 'swatch01.flv',
hideControls:true

}
} );

 

 

Código HTML

<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' 
codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0' width='336' height='280' align='absmiddle' flashvars='config={"autoPlay":true,"autoBuffering":true,hideControls:true,"controlBarBackgroundColor":"0x000000","initialScale":"scale","videoFile":"swatch01.flv"}'>
<param name=movie value='FlowPlayerDark.swf'>
<param name=quality value=high>
<param name="flashvars" value='config={"autoPlay":true,"autoBuffering":true,"controlBarBackgroundColor":"0x000000","initialScale":"scale","videoFile":"swatch01.flv",hideControls:true}'>
<embed src='FlowPlayerDark.swf' quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='336' height='280' align='absmiddle' flashvars='config={"autoPlay":true,"autoBuffering":true,hideControls:true,"controlBarBackgroundColor":"0x000000","initialScale":"scale","videoFile":"swatch01.flv"}'></embed></object>

Aqui cabe destacar que la configuración debe estar tanto como atributo del tag object y embed, como tag aparte PARAM para que funcione en Internet Explorer y navegadores Mozilla.

Enjoy!




Comentarios

Hello! dfbkbgg interesting dfbkbgg site! @ 26 de Diciembre de 2010 15:17
Hello! dfbkbgg interesting dfbkbgg site!
Hello! defdbae interesting defdbae site! @ 10 de Enero de 2011 05:59
Hello! defdbae interesting defdbae site!
Hello! dbbbkdc interesting dbbbkdc site! @ 10 de Enero de 2011 08:36
Hello! dbbbkdc interesting dbbbkdc site!
Fopvbxwe @ 10 de Enero de 2011 14:17
i'm fine good work Pornhub 413
Bnircdwq @ 11 de Enero de 2011 11:17
magic story very thanks Maxporn %-DD Redtube 93031 Youporn cxqm Xnxx 55292 Xvideos 055
lzqdVkhtm @ 29 de Agosto de 2011 00:26
I'm so glad I found my solution olnnie.
smz5IRLSm7E @ 16 de Septiembre de 2013 03:49
When you watch the Texans’ DE play, its easy to be impressed with his atthilec ability, speed up the field and his power at the point of attack. That’s legit talent right there. But let’s not forget about the technique Watt displays with his hands. He can “press” an offensive lineman and create some separation to work his counter moves. Fast and violent with the hands. That’s what I took from the game. CSS10-26
3hiKMlrJz0 @ 17 de Septiembre de 2013 06:45
is a diet pills for the burning of auulmccated fat with delvery of sperlative reult is a simpe ans quick result producing product to shed the weight within couple of months are incrdible way out to lend without waiting and make demand anytime are excellent source of acquiring credit cash and fullfill the urgent demands
AaHwPjrjs @ 18 de Septiembre de 2013 11:14
I actually found this more eniaetrintng than James Joyce. http://aohlcwc.com [url=http://opounyyn.com]opounyyn[/url] [link=http://igigji.com]igigji[/link]
7VQXAgmKov8x @ 19 de Septiembre de 2013 17:39
Hi All -Thanks for all the responses thus far. I am aawyls impressed by the speed at which the community reacts. Info below on each of your suggestions.Joe Yes, mime type is what I meant by #1..hard to remember terms at 3:30am Fabricio I used CHMOD and set permissions to 777, but have not tried 0.chadvavra That is what I was referring to on # 1 and #2, but thanks for the suggestion.Regards,Kris


Deja tu comentario
Nombre :
Email :
[ Comentar con mi usuario Ublog ]
Comentario :
Verificación :
Complete los números de la imágen en el siguiente recuadro.
Usuario :
Clave :
[ Registrarme ] [ Comentar sin registrarme ]
Ublog.cl es un producto JM Software.
Copyright © 2007-2018 JM Software. Todos los derechos reservados.

Contáctanos   |   Avisos Legales