as3 unidad 9 controlar sonido con action script

Controlar sonido con Controlar sonido con ActionScriptActionScript

Unidad 9Unidad 9

ObjetivosObjetivos Crear instancias de las clases Sound, Crear instancias de las clases Sound,

SoundChannel y SoundTransform.SoundChannel y SoundTransform. Control de la carga y ejecución de un Control de la carga y ejecución de un

archivo MP3 externo.archivo MP3 externo. Uso de la clase SoundTransform para Uso de la clase SoundTransform para

controlar el volumen y balance controlar el volumen y balance (paneo) de sonidos(paneo) de sonidos

Uso de un componente deslizador Uso de un componente deslizador (Slider) para controlar los valores de (Slider) para controlar los valores de la clase SoundTransform.la clase SoundTransform.

ObjetivosObjetivos

Uso de un arreglo para almacenar la Uso de un arreglo para almacenar la lista de reproducción de los archivo lista de reproducción de los archivo MP3s.MP3s.

Uso de los métodos de la clase Uso de los métodos de la clase TextField para añadir y remover los TextField para añadir y remover los caracteres de una variable cadena.caracteres de una variable cadena.

Uso de las etiquetas ID3 de los Uso de las etiquetas ID3 de los archivos MP3s para accesar archivos MP3s para accesar información sobre el archivoinformación sobre el archivo

Añadir deslizadores Añadir deslizadores (Sliders) al proyecto(Sliders) al proyecto

Unidad 9Unidad 9

Añadir deslizadores (Sliders) al Añadir deslizadores (Sliders) al proyectoproyecto

Los deslizadores son componentes de Los deslizadores son componentes de interfase de usuario (UI) que nos interfase de usuario (UI) que nos regresarán un número dentro de un regresarán un número dentro de un rango.rango.

El parámetro El parámetro snapIntervalsnapInterval nos regresa nos regresa los valores en el rango que le los valores en el rango que le indiquemos.indiquemos.

El parámetro El parámetro tickInterval tickInterval determina determina las líneas que se dibujan en la parte las líneas que se dibujan en la parte superior del deslizador.superior del deslizador.

Añadir deslizadores (Sliders) al Añadir deslizadores (Sliders) al proyectoproyecto

Los parámetros Los parámetros maximummaximum y y minimumminimum determina los números determina los números máximos y mínimos del rago, máximos y mínimos del rago, respectivamente.respectivamente.

El valor del parámetro El valor del parámetro valuevalue determina el valor por omisión y por determina el valor por omisión y por tanto, la posición del indicador del tanto, la posición del indicador del deslizador.deslizador.

Las clases Sound, Las clases Sound, SoundChannel y SoundChannel y SoundTransformSoundTransform

Unidad 9Unidad 9

Las clases de sonidoLas clases de sonido Los sonidos en AS3.0 se dividen en 4 clases:Los sonidos en AS3.0 se dividen en 4 clases:

– SoundSound: Sirve para cargar el archivo externo y : Sirve para cargar el archivo externo y reproducirlo.reproducirlo.

– SoundChannelSoundChannel: Esta clase sirve para administrar : Esta clase sirve para administrar los canales (hasta 16) y recibe la clase para los canales (hasta 16) y recibe la clase para controlar el volumen y el balance de los mismos. controlar el volumen y el balance de los mismos. Cada objeto SoundChannel es controlado Cada objeto SoundChannel es controlado individualmente.individualmente.

– SoundTransformSoundTransform: Nos sirve para controlar el : Nos sirve para controlar el volumen y el balance (paneo) del sonido.volumen y el balance (paneo) del sonido.

– SoundMixerSoundMixer: (No se ve en este ejercicio) : (No se ve en este ejercicio) funciona para mezclar los sonidos de cada uno de funciona para mezclar los sonidos de cada uno de los objetos SounChannel.los objetos SounChannel.

Las clases de sonidoLas clases de sonido

Los pasos para cargar y ejecutar un sonido Los pasos para cargar y ejecutar un sonido de un archivo externo son:de un archivo externo son:– Crear los objetos de sonido (Sound, Crear los objetos de sonido (Sound,

SoundChannel y SoundTransform).SoundChannel y SoundTransform).– Cargar el archivo externo mediante el objeto Cargar el archivo externo mediante el objeto

Sound.Sound.– Modificar los parámetros de volumen y paneo en Modificar los parámetros de volumen y paneo en

el objeto SoundTransform.el objeto SoundTransform.– Ejecutar el sondo desde el objeto SoundChannelEjecutar el sondo desde el objeto SoundChannel– Asociar el objeto de transformación al objeto Asociar el objeto de transformación al objeto

SoundChannelSoundChannel

Las clases de sonidoLas clases de sonido

Nota: Como cortesía al usuario, siempre hay Nota: Como cortesía al usuario, siempre hay que mantener el sonido al 50% del volumen. que mantener el sonido al 50% del volumen. Si lo mantiene en 100% podría resultar Si lo mantiene en 100% podría resultar incómodo para el usuario de su aplicación.incómodo para el usuario de su aplicación.

Si programa en la línea de tiempo, no es Si programa en la línea de tiempo, no es necesario importar las clases de sonido, ya necesario importar las clases de sonido, ya que se encuentran en el paquete “flash”que se encuentran en el paquete “flash”

Si programa OOPs, deberá importar las Si programa OOPs, deberá importar las clases:clases:

import flash.media.Sound;import flash.media.Sound;

Desplegar los títulos Desplegar los títulos mediante un ciclomediante un ciclo

Unidad 9Unidad 9

Desplegar los títulos mediante Desplegar los títulos mediante un cicloun ciclo

Para poder desplegar los títulos de Para poder desplegar los títulos de las canciones en los botones, las canciones en los botones, tenemos que acceder a los campos tenemos que acceder a los campos de texto dentro de cada uno de los de texto dentro de cada uno de los botones.botones.

A esta práctica común en Flash, de A esta práctica común en Flash, de introducir un objeto dentro de otro introducir un objeto dentro de otro (anidación) lo conocemos como (anidación) lo conocemos como ““targetingtargeting””


En este caso, deseamos introducir a la caja de En este caso, deseamos introducir a la caja de texto “title”, que se encuentra dentro de cada texto “title”, que se encuentra dentro de cada uno de los botones, el nombre de la canción.uno de los botones, el nombre de la canción.

Para ello podemos acceder a la caja mediante Para ello podemos acceder a la caja mediante la siguiente instrucción:la siguiente instrucción:

this.song1.title.text = “NombreCancion”;this.song1.title.text = “NombreCancion”;

Observe que el proceso para acceder a Observe que el proceso para acceder a recursos en Flash, es parecido a manejar recursos en Flash, es parecido a manejar carpetas en el sistema operativo, sólo que en carpetas en el sistema operativo, sólo que en lugar de diagonales (“/”) utilizamos puntos.lugar de diagonales (“/”) utilizamos puntos.


Podríamos repetir esta sentencia Podríamos repetir esta sentencia para cada uno de los 6 botones de la para cada uno de los 6 botones de la siguiente forma:siguiente forma:

this.song1.title.text = “NombreCancion1”;this.song1.title.text = “NombreCancion1”;







Ahora suponga que tiene 100 botones. Ahora suponga que tiene 100 botones. La forma anterior no sería práctica.La forma anterior no sería práctica.

Una mejor práctica es utilizar un ciclo Una mejor práctica es utilizar un ciclo forfor para llenar cada uno de los botones.para llenar cada uno de los botones.

Para ello debemos utilizar la propiedad Para ello debemos utilizar la propiedad lengthlength de la clase Array, la cual regresa de la clase Array, la cual regresa el número de elementos de un arreglo.el número de elementos de un arreglo.

Recuerde que los arreglos siempre Recuerde que los arreglos siempre inician del índice 0 (cero).inician del índice 0 (cero).


Otro punto fundamental es hacer Otro punto fundamental es hacer referencia a los objetos en forma referencia a los objetos en forma dinámica.dinámica.

Si coloca una cadena como Si coloca una cadena como referencia, ActionScript le mandará referencia, ActionScript le mandará un mensaje de error:un mensaje de error:

““song”+i = songList[i];song”+i = songList[i];


Para ello hay que evaluar en forma Para ello hay que evaluar en forma dinámica la cadena o variable con dinámica la cadena o variable con corchetes, por ejemplo:corchetes, por ejemplo:

this[“song”+i].title.text = this[“song”+i].title.text = songList[i];songList[i];

Esta expresión la toma el compilador Esta expresión la toma el compilador y la interpreta como (que es lo que y la interpreta como (que es lo que buscamos):buscamos):

song1.title.text = songList[i];song1.title.text = songList[i];


Finalmente el ciclo quedará de la Finalmente el ciclo quedará de la siguiente forma:siguiente forma:

for(var i=0; i<songList.length; i++){for(var i=0; i<songList.length; i++){

this[“song”+i].title.text = songList[i];this[“song”+i].title.text = songList[i];

}}

En el ejemplo anterior, se generaría En el ejemplo anterior, se generaría el objeto el objeto song0song0, el cual no existe y el , el cual no existe y el compilador nos enviaría un mensaje compilador nos enviaría un mensaje de error.de error.


Para solucionar este problema, debemos Para solucionar este problema, debemos sumarle 1 (uno) al índice sumarle 1 (uno) al índice ii..

Si lo hiciéramos directamente, no Si lo hiciéramos directamente, no conseguiríamos lo que deseamos:conseguiríamos lo que deseamos:

trace(“song”+i+1); // song01trace(“song”+i+1); // song01 Para ello debemos de Para ello debemos de agrupar agrupar la suma la suma

para cambiar la para cambiar la precedenciaprecedencia.. Los paréntesis nos servirán para cambiar Los paréntesis nos servirán para cambiar

la precedencia, es decir, el orden en que la precedencia, es decir, el orden en que se efectúan las operaciones.se efectúan las operaciones.


Para cambiar la precedencia de la Para cambiar la precedencia de la expresión anterior, se podría escribir expresión anterior, se podría escribir (suponiendo que i=0):(suponiendo que i=0):

trace(“song”+(i+1)); //song1trace(“song”+(i+1)); //song1 Las instrucciones para desplegar los Las instrucciones para desplegar los

títulos de las canciones en los botones títulos de las canciones en los botones quedaría de la siguiente forma:quedaría de la siguiente forma:

for(var i=0; i<songList.length; i++){for(var i=0; i<songList.length; i++){this[“song”+(i+1)].title.text = songList[i];this[“song”+(i+1)].title.text = songList[i];

}}


El resultado es que las canciones se El resultado es que las canciones se despliegan con el nombre del archivo despliegan con el nombre del archivo másmás la extensión mp3. la extensión mp3.

Para quitar la extensión de los Para quitar la extensión de los botones la eliminaremos con el botones la eliminaremos con el método método replace()replace() (nuevo en AS3.0). (nuevo en AS3.0).

El método El método replace replace cambia busca una cambia busca una subcadena y si la encuentra, la subcadena y si la encuentra, la cambia por otra.cambia por otra.


Por ejemplo:Por ejemplo:var cadena:String = “foto.jpg”;var cadena:String = “foto.jpg”;cadena = cadena.replace(“jpg”, “gif”);cadena = cadena.replace(“jpg”, “gif”);trace(cadena); //foto.giftrace(cadena); //foto.gif

Si desea eliminar una subcadena, Si desea eliminar una subcadena, sustitúyala por una cadena vacía:sustitúyala por una cadena vacía:var cadena:String = “foto.jpg”;var cadena:String = “foto.jpg”;cadena = cadena.replace(“.jpg”, “”);cadena = cadena.replace(“.jpg”, “”);trace(cadena); //fototrace(cadena); //foto


Por último de esta sección, es una Por último de esta sección, es una buena práctica quitar de las manos del buena práctica quitar de las manos del usuario todo aquello que pudiera usuario todo aquello que pudiera causar algún problema si aún no esta causar algún problema si aún no esta listo, por lo que quitaremos la listo, por lo que quitaremos la visibilidad de los deslizadores hasta visibilidad de los deslizadores hasta que el usuario haya seleccionado una que el usuario haya seleccionado una canción:canción:

panSlide.visible = false;panSlide.visible = false;

volSlide.visible = false;volSlide.visible = false;

Programar los botones Programar los botones para seleccionar una para seleccionar una

cancióncanción

Unidad 9 Unidad 9

Programar los botones para Programar los botones para seleccionar una canciónseleccionar una canción

Para cada uno de los botones, debemos crear Para cada uno de los botones, debemos crear un detector de eventos que lance la canción un detector de eventos que lance la canción seleccionada.seleccionada.

Lo anterior lo podemos hacer de forma Lo anterior lo podemos hacer de forma dinámica o escribir un dinámica o escribir un listenerlistener para cada uno. para cada uno.

Una ves realizada la selección, debemos Una ves realizada la selección, debemos determinar cuál canción fue seleccionada.determinar cuál canción fue seleccionada.

Esa información la tendremos en el Esa información la tendremos en el eventObjecteventObject, en la propiedad , en la propiedad currentTargetcurrentTarget..name.name.


Para seleccionar cada una de las canciones Para seleccionar cada una de las canciones podemos utilizar 6 estructuras condiciones podemos utilizar 6 estructuras condiciones if()if(), , u optar por una estructura u optar por una estructura switch()switch()..

Como se vio en el capítulo 8, p165, la Como se vio en el capítulo 8, p165, la estructura switch() crea una estructura estructura switch() crea una estructura ramificada para sentencias de ActionScript. ramificada para sentencias de ActionScript.

Al igual que la sentencia if, la sentencia Al igual que la sentencia if, la sentencia switchswitch prueba una condición y ejecuta sentencias si la prueba una condición y ejecuta sentencias si la condición devuelve un valor condición devuelve un valor truetrue. .


Todas las sentencias Todas las sentencias switchswitch deberían deberían incluir un caso predeterminado. incluir un caso predeterminado.

El caso predeterminado debería El caso predeterminado debería incluir una sentencia incluir una sentencia breakbreak para para evitar un error de paso al siguiente evitar un error de paso al siguiente caso si se añade posteriormente otro caso si se añade posteriormente otro caso. Cuando se pasa al siguiente caso. Cuando se pasa al siguiente caso, no se incluye una sentencia caso, no se incluye una sentencia breakbreak. .


Una práctica común en la Una práctica común en la programación orientada a objetos (oop) programación orientada a objetos (oop) es determinar si un objeto existe o no, es determinar si un objeto existe o no, pues el volverlo a crear nos marcaría pues el volverlo a crear nos marcaría un mensaje de error.un mensaje de error.

En este caso, necesitamos verificar si En este caso, necesitamos verificar si el objeto existe para detener la canción el objeto existe para detener la canción previa.previa.

Los objetos que aún no están definidos, Los objetos que aún no están definidos, tienen un valor predeterminado de tienen un valor predeterminado de nullnull..


Para ello, necesitamos determinar si Para ello, necesitamos determinar si el objeto existe antes de detener el el objeto existe antes de detener el sonido.sonido.

Si no existe y lo queremos detener, el Si no existe y lo queremos detener, el compilador nos enviará un mensaje compilador nos enviará un mensaje de error. La sentencia para ello es:de error. La sentencia para ello es:

if(snd != null){if(snd != null){

channel.stop();channel.stop();

}}


Para cargar un archivo externo Para cargar un archivo externo necesitamos crear un objeto URLRequest.necesitamos crear un objeto URLRequest.

En esta rutina crearemos las instancias de En esta rutina crearemos las instancias de los objetos y ejecutaremos el sonido:los objetos y ejecutaremos el sonido:

channel = snd.play();channel = snd.play(); Asignamos el objeto de transformación Asignamos el objeto de transformación

para manejar volumen y sonido:para manejar volumen y sonido:channel.soundTransform = trans;channel.soundTransform = trans;

Controlar la visibilidad Controlar la visibilidad del volumen y del del volumen y del

balance de los sonidosbalance de los sonidos

Unidad 9Unidad 9

Controlar la visibilidad del Controlar la visibilidad del volumen y del balance de los volumen y del balance de los

sonidossonidos Una ves que el usuario ha Una ves que el usuario ha

seleccionado el botón, hacemos seleccionado el botón, hacemos visibles los deslizadores cambiando visibles los deslizadores cambiando la propiedad la propiedad visiblevisible a verdadero. a verdadero.

También desplegaremos el valor del También desplegaremos el valor del paneo y del volumen, para ello paneo y del volumen, para ello multiplicaremos la fracción por 100.multiplicaremos la fracción por 100.

Controlar la visibilidad del Controlar la visibilidad del volumen y del balance de los volumen y del balance de los

sonidossonidos Para redondear los decimales, Para redondear los decimales,

podemos utilizar la función int() o los podemos utilizar la función int() o los métodos Math.round() (redondea métodos Math.round() (redondea de .5 para arriba) , Math.floor() de .5 para arriba) , Math.floor() (trunca siempre abajo) o Math.ceil() (trunca siempre abajo) o Math.ceil() (Redondea siempre para arriba).(Redondea siempre para arriba).

Añadir un Añadir un listenerlistener para para detectar las etiquetas detectar las etiquetas de los archivo MP3s de los archivo MP3s

Unidad 9Unidad 9

Añadir un Añadir un listenerlistener para para detectar las etiquetas de los detectar las etiquetas de los

archivo MP3sarchivo MP3s Los archivos MP3 pueden ser Los archivos MP3 pueden ser

codificados con etiquetas (cadenas) codificados con etiquetas (cadenas) que contengan información sobre sus que contengan información sobre sus contenidos.contenidos.

El formato de etiquetas MP3 que El formato de etiquetas MP3 que acepta Flash es el ID3.acepta Flash es el ID3.

Por ejemplo, un archivo MP3 puede Por ejemplo, un archivo MP3 puede contener el nombre de la canción, su contener el nombre de la canción, su autor, el nombre del album, el autor, el nombre del album, el número de pista, etc.número de pista, etc.


archivo MP3sarchivo MP3s Flash puede detectar si el archivo de Flash puede detectar si el archivo de

sonido tiene dichas etiquetas, y sonido tiene dichas etiquetas, y envía un evento si es el caso.envía un evento si es el caso.

Podemos verificar si las etiquetas se Podemos verificar si las etiquetas se encuentran vacías o contienen encuentran vacías o contienen información por medio del valor información por medio del valor nullnull..

Vaciaremos la información en la caja Vaciaremos la información en la caja de texto de texto infoinfo..


archivo MP3sarchivo MP3s Para añadir texto a una cadena que Para añadir texto a una cadena que

ya existe, debemos utilizar el método ya existe, debemos utilizar el método appendText(), exclusivo de AS 3.0.appendText(), exclusivo de AS 3.0.

Añadir un objeto de Añadir un objeto de formateo de textoformateo de texto

Unidad 9Unidad 9

Añadir un objeto de formateo Añadir un objeto de formateo de textode texto

Para poder darle formato a un texto, Para poder darle formato a un texto, se puede crear el objeto de la clase se puede crear el objeto de la clase TextFormat.TextFormat.

Dentro de este, se puede darle un Dentro de este, se puede darle un valor al parámetro valor al parámetro urlurl para hacer un para hacer un hipertexto.hipertexto.

Añadir los controles a Añadir los controles a los deslizadoreslos deslizadores

Unidad 9Unidad 9

Añadir los controles a los Añadir los controles a los deslizadoresdeslizadores

Por último activaremos los Por último activaremos los deslizadores por medio de detectores deslizadores por medio de detectores de eventos (listeners).de eventos (listeners).

El evento CHANGE se encuentra en la El evento CHANGE se encuentra en la clase SliderEvent, la cual fue clase SliderEvent, la cual fue importada al inicio del ejercicio.importada al inicio del ejercicio.

Los nuevos datos los cargaremos en Los nuevos datos los cargaremos en el objeto de transformación y lo el objeto de transformación y lo asignaremos al canal de sonido asignaremos al canal de sonido (SoundChannel).(SoundChannel).

Preguntas de revisiónPreguntas de revisión

Unidad 9Unidad 9


¿Con cuál de las tres clases de ¿Con cuál de las tres clases de ActionScript usted puede cargar, ejecutar ActionScript usted puede cargar, ejecutar y controlar un archivo externo de sonido?y controlar un archivo externo de sonido?

¿Cuáles son las dos propiedades de un ¿Cuáles son las dos propiedades de un archivo de sonido que usted puede archivo de sonido que usted puede controlar con la clase controlar con la clase SoundTransformSoundTransform??

¿Cuál es el método de la clase ¿Cuál es el método de la clase TextFieldTextField que sirve para remplazar texto en una que sirve para remplazar texto en una cadena?cadena?


¿Cuál es el método para añadir ¿Cuál es el método para añadir texto a una cadena ya existente?texto a una cadena ya existente?

¿Cuál es el evento de la clase ¿Cuál es el evento de la clase SoundSound que responde cuando se que responde cuando se detectan etiquetas ID3 de un detectan etiquetas ID3 de un archivo de sonido tipo archivo de sonido tipo MP3sMP3s??

as3 unidad 9 controlar sonido con action script

Education