Resultados 1 al 9 de 9

Tema: Crear un Reproductor Flash de Radio desde 0 (ActionScript)

  1. #1
    Adicto a XAT Avatar de Master Nemesis
    Fecha de ingreso
    06 ene, 11
    Mensajes
    64
    Poder de reputación
    9

    Post Crear un Reproductor Flash de Radio desde 0 (ActionScript)

    Como crear un reproductor de Radio Flash.

    Hola a todos.
    Va ser el primer tutorial sobre como se crear un reproductor Flash de radio comenzando desde el principio sin tener ya armado el código.

    Este tutorial es necesario saber actionscript no es algo simple hacer un reproductor flash comenzando armando la estructura de su código que lo conforman, comenzemos para saber como se crea.

    Primero necesitamos abrir el adobe Flash professional CS6 o versiones anteriores.
    Creamos un documento ActionScript 3.0.



    Cuando estemos por crear el script, nos aparecerá un recuadro blanco, sobre el recuadro blanco vamos a dar clic derecho en Propiedades del documento..



    En el momento de dar clic en propiedades aparecerá la configuracion del documento..



    En esta configuración podemos dar las medidas para el reproductor que crearé acontinuación, dejaré las medidas 300px de ancho y 200px de alto.
    Tambien podemos cambiar el color del fondo que es blanco.

    Cuando edites las medidas y fondo, vamos a proceder agregar 2 botones que será de reprodución (play & stop)



    En la barra das clic en el icono de 4 cubos, y se desplegará una ventana alado donde oprimimos la pestaña componentes y desplega el menu "User Interface" y estará la opción de agregar botones, lo arrastramos hacia el campo blanco de su izquierda, arrastramos 2 botones.



    Cuando tengamos los 2 botones en el campo, vamos a tener que agregarle las instancias a esos 2 botones, cabe destacar que 1 boton será para reproducir y el otro para parar la transmición.

    ¿como se le agrega las instancias?



    Selecionamos 1 boton, luego a su derecha saldra el cuadro de propiedades de ese boton y en Nombre de instancia le agregamos playBtn
    NOTA: Es importante que se agregen bien el nombre de la instancia respetando las Mayusculas.

    En Label le cambias el nombre en el boton.
    Ambos botones tiene que estar visible y enabled.

    Luego de haber puesto el nombre de instancia a 1 de los 2 botones, tendrás que agregar al otro boton que falta el nombre de instancia stopBtn

    Ahora solo nos queda la parte de armar el código as3.

    Vamos a importar que tipo de flash haremos que seria de reprodución de sonidos mientras agregemos:

    Código:
    import flash.media.Sound;
    Seguiremos con las 2 variables fundamentales que tiene actionscript para enlazar la conexion de la radio por su ip y puerto.
    Usé la clase SoundChannel

    var Radio:Sound = new Sound();
    var chanel1:SoundChannel;
    Para que se carge la radio es importante que usemos load new urlrequest.

    Radio.load(new URLRequest("IP + PUERTO DE TU RADIO/;"));
    Terminamos usando los controladores de los frames del flash usando la función onEnterFrame.

    Código:
    function onEnterFrame(e:Event):void {}
    Esta función es fundamental para agregar algun efecto al reproductor flash.

    y para terminar, vamos a la parte mas facil que seria funciónar los botones mediante su nombre de instancias y sus clasicas funciónes onPlay y onStop que tambien son usadas para armar un reproductor mp3, son los mismos valores que se tiene que agregar, solo con la particularidad que hay que mandar la conexion de radio que usaremos chanel1=Radio

    Validar el evento del puntero para la ejecución de la instancia.

    Nombre de la instancia al boton.addEventListener(MouseEvent.CLICK, onPlay);
    Validar la función de reprodución onPlay onStop

    function onPlay(e:Event):void {Código de menciones enable de las 2 instancias}
    Nombre de la instancia al boton.enabled = string;
    Nombre de la instancia al boton secundario.enabled = string;
    Las variables le agregaré, se conoce mas comoo Boolean

    Nombre de la instancia al boton.enabled = false;
    Nombre de la instancia al boton secundario.enabled = true;
    Y como será en una radio usaremos

    chanel1=Radio.play();
    Código:
    addEventListener(Event.ENTER_FRAME,onEnterFrame);
    }
    El resultado final seria...

    Boton Instancia playBtn.

    playBtn.addEventListener(MouseEvent.CLICK, onPlay);
    function onPlay(e:Event):void {
    playBtn.enabled = false;
    stopBtn.enabled = true;
    chanel1=Radio.play();
    addEventListener(Event.ENTER_FRAME,onEnterFrame);
    }
    Boton Instancia stopBtn

    stopBtn.addEventListener(MouseEvent.CLICK, onStop);
    function onStop(e:Event):void {
    playBtn.enabled = true;
    stopBtn.enabled = true;
    chanel1.stop();
    removeEventListener(Event.ENTER_FRAME,onEnterFrame );
    }
    Terminamos parando la reprodución usando

    stopBtn.enabled = false;



    El código terminado seria.

    import flash.media.Sound;
    var Radio:Sound = new Sound();
    var chanel1:SoundChannel;
    Radio.load(new URLRequest("http://IP+PUERTO/;"));

    function onEnterFrame(e:Event):void {}

    playBtn.addEventListener(MouseEvent.CLICK, onPlay);
    function onPlay(e:Event):void {
    playBtn.enabled = false;
    stopBtn.enabled = true;
    chanel1=Radio.play();
    addEventListener(Event.ENTER_FRAME,onEnterFrame);
    }

    stopBtn.addEventListener(MouseEvent.CLICK, onStop);
    function onStop(e:Event):void {
    playBtn.enabled = true;
    stopBtn.enabled = true;
    chanel1.stop();
    removeEventListener(Event.ENTER_FRAME,onEnterFrame );
    }
    stopBtn.enabled = false;
    Apretamos Ctrl Enter



    y la radio se escuchara en vivo.

    Para tener un mejor diseño del flash se le puede agregar una imagen de fondo con las medidas que se eligio y unos textos.

    Reproductor Flash de Radio Prueba..
    http://masternemesis.x10.mx/swf/

    Código usado.
    http://textsnip.com/w4uccl/java

    Es un tutorial basico sobre como se crear un reproductor flash de radio, en esta ocación, este reproductor flash no se incorporó la funcion root.connect donde se incorporá la ip junto con la rtmp ya que hay metodos que son utiles para crear un reproductor de buena calidad de sonido sin la necesidad de tener rtmp y sin las funciónes root.connect.streamStr y root.connect.connectStr.
    Se puede incorporar mas valores por ejemplo..
    metaDataValues.title/url = "textos";
    infoObject.description
    Entre otras..


    Saludos.

  2. #2
    Banned
    Fecha de ingreso
    08 abr, 11
    Ubicación
    Argentina
    Mensajes
    76
    Poder de reputación
    0

    Predeterminado

    Hola master, gracias por el aporte, sera muy util a la hora de guiarse como poder crear el reproductor flash

  3. #3
    Super Xatero Avatar de Calo
    Fecha de ingreso
    18 abr, 09
    Ubicación
    Perú
    Mensajes
    227
    Poder de reputación
    11

    Predeterminado

    MasterNemesis, un gran tutorial para empezar con estos proyectos amigo, ya las personas pueden personalizarlo y agregarle mas cosas a su gusto.

  4. #4
    MUNDOXAT
    Fecha de ingreso
    04 may, 12
    Ubicación
    chile
    Mensajes
    614
    Poder de reputación
    10

    Lightbulb

    nemesis muy buen totorial para las personas que no saben crear sus rrepros de musica buen aporte

  5. #5
    Recien llegado Avatar de Asked**
    Fecha de ingreso
    12 sep, 14
    Ubicación
    Argentina
    Mensajes
    6
    Poder de reputación
    0

    Predeterminado

    ¡Hola MasterNemesis! La verdad, que gran tutorial esto le servíra a muchos Te felicito. Gracias por este aporte tan bueno .

    "Todo tiene un limite, para mi el limite es la medida de una imagen."


  6. #6
    Xat VIP Avatar de kitty
    Fecha de ingreso
    14 feb, 11
    Ubicación
    xat/ayuda
    Mensajes
    519
    Poder de reputación
    10

    Predeterminado

    Master hola:
    Post por mas que explicado y amplio
    Gracias por tu tiempo
    Saludos.

  7. #7
    Asistente XAT Avatar de kaam
    Fecha de ingreso
    26 feb, 13
    Ubicación
    Venezuela
    Mensajes
    45
    Poder de reputación
    0

    Predeterminado

    buen post namesis para poder crear un reproductor flash

    FOREVERKAAM (884105835)
    █║▌│ █│║▌ ║││█║▌
    Cσpчяιgτн® τσdσs lσs Dεяεcнσs яεsεяvαdσs.

    ▓ӇЄƇӇƠ ЄƝ MI CASA▓

  8. #8
    Recien llegado
    Fecha de ingreso
    16 abr, 18
    Mensajes
    1
    Poder de reputación
    0

    Predeterminado

    amigo me gusta mucho tu forma de explicar,NO SE SI ME PUDIERAS AYUDAR AMIGO AGRADECERIA MUCHO TU AYUDA,PUES BIEN YO LO QUE QUIERO ES UN ACTIONSCRIPT PARA QUE CON EL MISMO REPRODUCTOR CON LOS BOTONES DE ATRAZAR Y ADELANTAR CAMBIE DE EMISORA DE RADIO LO QUE QUIERO YO ES PONER VARIAS EMISORAS DE RADIO EN UN MISMO REPRODUCTOR,ME PUEDES AYUDAR PORFAVOR

  9. #9
    Asistente XAT Avatar de JuanCarlos.
    Fecha de ingreso
    22 nov, 17
    Mensajes
    37
    Poder de reputación
    0

    Predeterminado

    ¡Muy buena la explicación, hombre! Te agradezco.

¿Te ha sido útil este articulo? Compártelo!

¿Te ha sido útil este articulo? Compártelo!

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •