Reproductor mp3 flash ultraligero
29 de Octubre del 2008 
Escrito por Alex Barros 
Hoy voy a hacer un post ligerito. Ligerito como el reproductor flash de mp3 niftyPlayer.
Simplemente se trata de un reproductor de mp3, hecho con la tecnología flash, listo para integrarse en una web. Además podemos interactuar con él de forma muy sencilla via JavaScript.
Cómo usarlo
Una vez hayamos descargado los archivos necesarios, sólo hay que insertar este código en nuestro documento web:
-
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="165" height="38" id="niftyPlayer1" align="">
-
<param name=movie value="niftyplayer.swf?file=betty.mp3&as=1">
-
<param name=quality value=high>
-
<param name=bgcolor value=#FFFFFF>
-
<embed src="niftyplayer.swf?file=betty.mp3&as=1" quality=high bgcolor=#FFFFFF width="165" height="38" name="niftyPlayer1" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
-
</embed>
-
</object>
Lo único que tenemos que editar es, en la segunda fila, las variables GET file y as. “file” es el nombre del archivo .mp3, y as valdrá 1 si queremos que empiece a reproducir automáticamente, o 0 (cero) de lo contrario.
Interacción JavaScript
Es realmente sencillo. Lo primero de todo es incluir en la cabecera del documento HTML esta línea:
-
<script type="text/javascript" language="javascript" src="niftyplayer.js"></script>
Los métodos de que disponemos son los siguientes:
Play Toggle
Si el reproductor estaba en play, pasa a pause, y viceversa
-
niftyplayer(‘niftyPlayer1′).playToggle()
O también Play y Pause por separado
-
niftyplayer(‘niftyPlayer1′).play()
-
niftyplayer(‘niftyPlayer1′).pause()
Stop
Detiene la canción y se va al principio
-
niftyplayer(‘niftyPlayer1′).stop()
Cargar nuevo archivo mp3
-
niftyplayer(‘niftyPlayer1′).load(‘nombre_archivo.mp3′)
Si queremos cargar, y a continuación empezar a reproducirlo:
-
niftyplayer(‘niftyPlayer1′).loadAndPlay(‘nombre_archivo.mp3′)
Asociar eventos del reproductor
Por ejemplo, asociamos una función nuestra al evento de comenzar la reproduccion (play)
-
niftyplayer(‘niftyPlayer1′).registerEvent(‘onPlay’, ‘alert(\’Has pulsado play!\’)’)
También contamos con los eventos onPause y onStop
Obtener estado del reproductor
Devolverá un texto de entre “playing“, “stopped” y “paused“, dependiendo del estado del reproductor
-
alert(niftyplayer(‘niftyPlayer1′).getState())
Y eso es todo! Fácil, verdad? Qué te parece esta aplicación? La usarás? Para qué?
Te espero en los comentarios, ahí siempre hace buen clima n_n
Categorias: Aplicaciones, Boozox, JavaScript |
Respeta el copyleft
Noviembre
15:15 paul Ha dicho:
gracias!!
Diciembre
23:32 Zawayako Ha dicho:
tengo problemas con esto..quiero ponerlo en un blog .. ya logr{e poner el player..pero no me jala la cancion..en eso ando… saludos y gracias por compartirlo