Posts Tagged ‘reproductor flash’

h1

Reproductores flash para tu web

28 mayo 2008

Imagino que habréis visto en muchas webs reproductores de audio o video integrados en muchos portales de internet.

Con este post, voy a intentar explicar cómo insertar un reproductor flash de audio y otro de video para poder reproducir vuestra propia música/video desde vuestro portal.

Lo primero que necesitamos es descargarnos estos reproductores flash:

– Este es el reproductor flash de audio: playerwpress.swf
– Y este el reproductor flash de vídeo: flvplayer.swf

Lo guardaremos, y en el caso de tener hosting propio lo subimos por FTP al directorio que decidamos. (/ruta/al/reproductor/)

A continuación, editamos el código html siguiente en la parte de la página donde queramos que aparezca el reproductor:

PARA EL REPRODUCTOR DE MP3:

<object
data="ruta/al/reproductor/playerwpress.swf?soundFile=ruta/al/archivo.mp3"
type="application/x-shockwave-flash" height="24" width="290">

<param value="ruta/al/reproductor/playerwpress.swf?soundFile=ruta/al/archivo.mp3"
name="movie" />
<param value="high" name="quality" />
<param value="true" name="menu" />
<param value="transparent" name="wmode" />

</object>

En el caso de no tener hosting propio, podremos hacer referencia al reproductor directamente poniendo una URL externa donde conozcamos que este se encuentra, por ejemplo:

http://www.albertoreynolds.es/reproductor/playerwpress.swf

También tendremos que indicar la URL exacta donde tenemos nuestro .mp3, o bien otra externa, por ejemplo:

http://www.alg-label.com/IMG/mp3/Glockenspiel.mp3

El código final quedaría por lo tanto de la siguiente manera:

<object data="http://www.albertoreynolds.es/reproductor/playerwpress.swf?
soundFile=http://www.alg-label.com/IMG/mp3/Glockenspiel.mp3"
type="application/x-shockwave-flash" height="24" width="290">

<param value="http://www.albertoreynolds.es/reproductor/playerwpress.swf?
soundFile=http://www.alg-label.com/IMG/mp3/Glockenspiel.mp3" name="movie" />

<param value="high" name="quality" />
<param value="true" name="menu" />
<param value="transparent" name="wmode" />

</object>


PARA EL REPRODUCTOR DE VIDEO:

Haremos exactamente los mismos pasos, solo que habrá que cambiar la ruta del reproductor de audio por la del reproductor de video (flvplayer.swf), y la ruta del .mp3 por la del video en flash .flv.

El código final quedaría por lo tanto de la siguiente manera:

<object type=”application/x-shockwave-flash” width=”425″ height=”335″ wmode=”transparent” data=”http://www.albertoreynolds.es/reproductor/flvplayer.swf?
file=http://www.albertoreynolds.es/multimedia/conferencias/charlavitoria.flv”>

<param name=”movie” value=”http://www.albertoreynolds.es/reproductor/flvplayer.swf?
file=http://www.albertoreynolds.es/multimedia/conferencias/charlavitoria.flv”/>

<param name=”wmode” value=”transparent” />

</object>

Podéis ver un ejemplo de como queda ¡aquí!

En un siguiente post, utilizaremos ffmpeg para convertir desde linux cualquier formato a flv, mp3 … de un modo sencillo 😉

Anuncios