Paginas de sonidos

http://fxsonido.buscamix.com/component/option,com_wrapper/Itemid,96/

Botn de sonido Stop y Play en Adobe Flash

Adobe Flash y ActionScript
Veremos como crear un sencillo botn para iniciar o detener una meloda utilizando Adobe Flash. Este botn podr luego ser copiado en nuestros otros flash para reutilizarlo. Esta opcin es muy a la carrera y la uso para salir del paso rpidamente en algunas ocasiones y se puede mejorar, pero lo bueno es la sencillez de implementacin. 1) Creamos una pelcula nueva de 22 x 22px

2) Dibujamos 2 iconitos con las herramientas de dibujo de Adobe Flash u otro vectorial y los incluimos en nuestra Library (Biblioteca, se ve con F11) 3) Incluimos un sonido MP3 tambin en nuestra Biblioteca, lo podemos arrastrar desde nuestro disco duro a la Biblioteca, controlar el peso por favor jeje

4) En la lnea del tiempo vamos a nombrar el layer 1 (la capa 1) como "sonidos" 5) Con F5 vamos a agregar frames (fotogramas) hasta el 10 6) En el frame 6 (fotograma) vamos a agregar un KeyFrame (fotograma clave) con F6 7) Nos posicionamos en el frame 1 (fotograma) y arrastramos al espacio de trabajo el sonido desde nuestra Library (Biblioteca)

8) Vamos a agregar un nuevo layer (capa), con botn derecho Insert, Layer (Insertar, Capa) 9) A ese layer (capa) le daremos el nombre botones 10) En el frame 1 (fotograma) vamos a arrastrar nuestro icono de sonido Off (el tachado ) 11) En el frame 6 (fotograma) vamos a arrastrar nuestro icono de sonido On

12) Vamos a ir al frame 1 (fotograma 1) y vamos a seleccionar ese grfico del sonido off, con F8 vamos a convertirlo en un nuevo smbolo tipo botn, al que le daremos de nombre btnStop

13) En el frame 6 (fotograma 6), seleccionamos el smbolo de sonido on, y con F8 lo convertimos en botn que llamaremos btnPlay

14) Con esto completamos el aspecto grfico de nuestra botonera de sonido, ahora vamos a realizar la programacin que sera realmente poca . Insertamos un nuevo layer (capa) que nombraremos acciones. 15) En el layer (capa) acciones, en el frame 1 (fotograma 1) vamos a crear un keyframe (fotograma clave), y lo mismo en el frame 5, y en el frame 6, y lo mismo en el frame 10. (imagen abajo) 16) Para facilitar el entendimiento al frame 1 le daremos de nombre "comenzarsonido". (imagen abajo) 17) Y al frame 6 le daremos el nombre "pararsonido"

18) Vamos ahora a la programacin, en el frame 5 activaremos el cuadro de acciones (con F9) y vamos a escribir un stop(); La idea de esto es que la pelcula se detendr ah, pero no as el sonido que permanecer sonando hasta que le indiquemos lo contrario.

19) Vamos ahora al frame 6 y en el cuadro de acciones escribiremos stopAllSounds(); esta sera la orden para que se apague el sonido cuando lo llamemos con el botn

20) En el frame 10, programaremos otro stop() para que la pelcula se detenga ah, tal como hacamos en el otro caso. 21) Ahora solo nos resta programar los 2 botones de nuestra aplicacin que son los que nos darn el control de sonido. 22) Vamos a ir al frame 1, y vamos a seleccionar el botn llamado btnStop en nuestro espacio de trabajo, y en el cuadro de acciones programaremos el evento on (release) que se ejecuta cuando presionamos y soltamos el mouse (o sea al dar click), la accin sera gotoAndPlay("pararsonido"); lo que hace esto es ir hasta el frame pararsonido o sea el frame 6 que recordemos que tiene un stopAllSounds(); como vimos en el punto 19 del tutorial, esto logra apagar el sonido

23) Ahora vamos al frame 6 y seleccionamos el botn llamado btnPlay y en las acciones le programamos el evento on (release) para que enve hasta el frame "comenzarsonido" con la orden gotoAndPlay("comenzarsonido"); que recuerden es el frame 1 y como en la capa sonido es donde esta el audio a partir del frame 1, comenzara a sonar de nuevo nuestro audio

Trabajar con Sonidos (I)

Unidad 6.

Comenzando

Quin sera capaz de ver una pelcula muda? Y una animacin espectacular sin sonido? Hasta hace poco, los nicos sonidos que oamos en las pginas web eran los famosos "midis", de escaso tamao y de escasa calidad. De hecho, eran slo instrumentos musicales sin voz, de ah su pequeo tamao (y calidad). An as, siempre exista algn creador de pginas web que se aventuraba a poner algn sonido complejo (.wav o .mp3) en su pgina web, por desgracia, su carga es tan lenta, que la mayora de los visitantes se iran de la pgina sin llegar a escucharla. Hoy, gracias a las conexiones de banda ancha orientadas a contenido multimedia, poner sonido a las pginas web es un poco ms fcil, qu aporta FLASH? Flash nos permite insertar cualquier sonido que queramos en nuestras pelculas (.wav, .aiff y .mp3) de forma fcil y muy efectiva, ya que es capaz de acelerar la descarga del sonido siempre y cuando se descargue junto con nuestra pelcula. Podemos dar a la pelcula efectos simples (el tpico "clic" al pulsar un botn), efectos complejos (msica de fondo) e incluso podemos hacer que la animacin se desarrolle conjuntamente con una msica (si bien esto ltimo necesitara que toda la pelcula estuviera descargada previamente, para evitar "atascos" durante el desarrollo de la animacin). En definitiva, Flash nos lo vuelve a poner fcil.

Importar Sonidos
Si alguna vez habeis intentado aadir un sonido a vuestra animacin Flash probablemente os hayais llevado una gran decepcin, no conseguirlo. Esto se debe a que no se tiene en cuenta que para poder emplear un objeto en nuestra pelcula, o bien lo creamos nosotros (como llevamos haciendo hasta ahora) o bien lo conseguimos de cualquier otro modo y lo insertamos en nuestra pelcula. A esto ltimo se le llama "Importar" y se puede hacer con sonidos, grficos, e incluso con otras pelculas Flash. Importar por tanto, no es ms que decirle a Flash que aada un determinado archivo a nuestra pelcula, para que podamos usarlo cuando queramos. En realidad, lo aade a nuestra Biblioteca, que es el Panel en el que estn todos los objetos que participan en la pelcula (este Panel se ver ms adelante). As pues si queremos manejar un sonido en nuestra pelcula, deberemos importarlo previamente. Una vez est importado, podremos usarlo con total libertad.

Para importar un sonido haz clic en el men Archivo Importar Importar a biblioteca.

Se abrir el cuadro de dilogo de Importar a biblioteca. All debers seleccionar en Tipo de archivo Todos los formatos de sonido. Navega por las carpetas hasta encontrar el archivo de audio que quieras incluir en tu pelcula. Seleccionalo haciendo clic sobre l y haz pulsa el botn Aceptar. El sonido estar listo para usarlo donde quieras, podrs encontrarlo en la Biblioteca (men Ventana Biblioteca).

Propiedades de los Sonidos

En Flash 8, al igual que en Flash 8 todo lo referente a los sonidos lo podemos editar desde el Panel Propieda necesario para insertar, modificar y editar el sonido que acabamos de importar. Si no hemos importado ning cuenta de que no podemos seleccionar nada en dicho panel, basta insertarlo para que esto cambie.

Para que aparezca la posibilidad de trabajar con sonidos, deberemos hacer clic en algn fotograma de nuestra el Panel Propiedades toma el siguiente aspecto:

Veamos las partes que tiene este panel.

Sonido: En esta pestaa nos aparecern las canciones que tenemos importadas, deberemos sel pretendamos aadir a nuestra pelcula (en el siguiente punto veremos cmo insertarlo).

Efecto: Desde aqu podremos aadir algn efecto a nuestro sonido, como por ejemplo que el sonido pase d (esto crea la sensacin de que el sonido te envuelve ya que lo oyes por un sitio y luego por otro, aunque queda sonidos envolventes), que el volumen aumente progresivamente etc... Si deseamos aadir complejos efectos adecuadamente el sonido con algn programa creado especficamente para este propsito antes de importarlo. En el punto Editar Sonidos se tratar en ms profundidad estos efectos.

Sinc: Esta opcin nos permite determinar en qu momento comenzar a actuar nuestro sonido, estas son la

Evento: Sincroniza nuestro sonido con un evento determinado. Es la opcin por defecto y provoca que el son al pasar la pelcula por el fotograma en el que est situado. Tambin se puede sincronizar el sonido con bo smbolos.

Inicio: Su funcionamiento es equivalente al de "Evento", se diferencian en que si est seleccionado Inicio e reproduce otra vez el mismo sonido u otro distinto, lo hace "encima" del sonido actual. Puede ser un efecto provocar que se forme "ruido" en nuestra pelcula. Detener: Detiene el sonido seleccionado. Flujo: Esta opcin sincroniza el sonido con el o los objetos con los que est asociado, por tanto, si la carga imgenes no fluyen adecuadamente, el sonido se detendr para sincronizarse con ellas. Este efecto puede pelcula se corta de un modo muy brusco (pensar en que se considera normal que una imagen tarde en car sonido mientras se reproduce, produce una reaccin muy negativa en los que pueden estar viendo nuestra Por otra parte, es un efecto muy adecuado para algunas situaciones, por ejemplo, el efecto de que un perso pelcula. En esta situacin, es muy recomendable que el sonido y las imgenes estn sincronizadas.

Repetir: Determina el nmero de veces que se reproducir el sonido segn lo que escribas en la caja de t puedes seleccionar Reproducir indefinidamente para que el sonido se reproduzca en un bluce hasta llegar al si

No recomendamos insertar sonidos con la opcin Flujo y a la vez la de Repetir, ya que al estar sincron imgenes, provocaramos que las imgenes (y los fotogramas que las contengan) se dupliquen tambin, aumen tamao de la pelcula. Unidad 6.

Trabajar con Sonidos (II)

Insertar un Sonido

Ahora que ya sabemos importar un sonido, qu opciones podemos modificar y para qu sirve cada una. Veamos lo ms importante, cmo insertarlos en nuestra pelcula. Supongamos que queremos insertar un sonido en un fotograma determinado, de modo que cuando la pelcula Flash llegue a este fotograma comience a reproducirse el sonido. Para que un sonido se reproduzca al llegar a un fotograma, deberemos seleccionar el fotograma en el que queremos que empiece a reproducirse el sonido. Una vez all, abriremos el Panel Propiedades e importaremos el sonido que queramos del modo visto en el punto anterior. Otro modo ms rpido an consistira en seleccionar dicho sonido en la Biblioteca y arrastrarlo al fotograma en el que queramos que se empiece a reproducir el sonido (al fotograma, no a la lnea de tiempo).

As representa Flash los sonidos insertados en Fotogramas

De este modo insertamos un sonido, pero suena tal y cmo queremos que suene? ... Depende de lo que busquemos. Por defecto Flash entiende que quieres reproducir el sonido en su totalidad, sino para qu insertarlo entero?, de modo que Flash reproducir el sonido todas las veces que le hayas indicado en Repetir y el sonido sonar aunque el fotograma en el que est no sea el que se est ejecutando en ese instante. Si quisiramos que el sonido pare cuando entremos en otro fotograma, lo podemos hacer de 2 formas distintas, ambas combinando las opciones que nos ofrece el Panel Propiedades.

La primera de ellas es seleccionarlo en la Biblioteca y arrastrarlo directamente sobre el escenario. El sonido se aadir al fotograma en el que nos encontramos. Otra opcin sera la de seleccionar el sonido (ya importado a nuestra biblioteca) desde el panel Propiedades del fotograma seleccionado:

En la opcin Sonido seleccionaramos el audio que queremos aadir al fotograma. Luego modificaramos la opcin Sinc. del siguiente modo: Si seleccionamos Flujo, el sonido se reproducir hasta llegar al primer fotograma que no lo contenga. Podemos seleccionar Stop para marcar un fotograma de modo que el sonido se detenga al llegar a l.

En esta animacin, vers como:

Editar Sonidos
Flash no fue creado como un editor de sonidos, por lo que su potencia en este campo es limitada. An as, los efectos que permite aplicar de un modo sencillo suelen ser suficientes para cualquier animacin que queramos realizar. Disponemos de estos efectos: Canal Izquierdo: El sonido tan slo se escuchar por el altavoz izquierdo. Canal Derecho: El sonido tan slo se escuchar por el altavoz derecho. Desvanecimiento de izquierda a derecha: El sonido se reproduce inicialmente en el altavoz izquierdo para luego pasar al derecho. Desvanecimiento de derecha a izquierda: El sonido se reproduce inicialmente en el altavoz derecho para luego pasar al izquierdo. Aumento Progresivo: El volumen de nuestro sonido aumenta progresivamente. Desvanecimiento: El volumen de nuestro sonido disminuye progresivamente. Personalizado: Esta opcin nos permite "editar" el sonido de un modo rpido y sencillo. Desde este editor podemos decidir qu volumen tendr nuestro sonido y en qu altavoz. Podemos crear los efectos anteriores ajustndolos a nuestro gusto y podemos crear efectos ms complejos a nuestra medida. Esta es la apariencia del Panel Personalizar Sonido. La parte superior representa el canal izquierdo y la parte inferior el canal derecho. Entre las 2 partes hay una lnea de tiempo que nos indica el tiempo de sonido transcurrido en cada punto. Las lneas grises representan el volumen del sonido y haciendo clic en ellas podemos configurar este volumen. En el ejemplo, el canal izquierdo se reproduce normalmente (pues el volumen est al mximo), pero el canal derecho empieza en silencio, para poco a poco alcanzar el volumen normal (este efecto equivaldra a un Aumento Progresivo en el canal derecho). Unidad 6.

Trabajar con

Sonidos (III)
Mp3 o Wav?
Como ya se ha comentado, los sonidos que Flash 8 puede importar deben tener las extensiones .wav o .mp3. Si no sabes las diferencias entre estos tipos de archivos, puedes consultar nuestro tema bsico .

Por tanto, cuando queramos aadir un sonido a nuestra pelcula, deberemos decantarnos por uno de estos 2 formatos. Lo normal es que el sonido que pretendamos insertar ya est en uno de ellos, pero no debemos olvidar que existen multitud de programas que convierten un sonido con extensin .mp3 a uno .wav y viceversa, por lo que no debe ser inconveniente el formato que tenga el sonido en un principio. La pregunta surge en seguida Cul es mejor? ... Esta pregunta es ms importante de lo que parece, ya que si decidimos que nuestra pelcula tenga sonidos, deberemos asumir una carga muy importante en cuanto a tamao de la pelcula y en consecuencia en cuanto a tiempo de descarga. Lo habitual es que los sonidos ocupen ms de la mitad del espacio total y muchas veces no valdr la pena insertarlos... Una vez decididos a insertar el sonido, la lgica nos dice que insertemos el sonido que ocupe un espacio menor en el disco duro, ya que este espacio es el que ocupar en nuestra pelcula. Esto es una aproximacin, ya que Flash comprime todo aquello que insertamos en nuestras pelculas. Como ya sabemos, los sonidos .mp3 ocupan un espacio mucho menor que los sonidos .wav (10 veces menos o ms), por lo que parece recomendable insertar .mp3 en lugar de .wav, ahora bien Puede Flash comprimir un sonido ya comprimido? Es decir, si un sonido .wav ha sido comprimido y ahora tiene extensin .mp3, podr Flash volver a comprimirlo? La respuesta es NO. Flash comprime los sonidos que insertamos en nuestras pelculas, pero si el sonido resulta estar ya comprimido, no podr volver a comprimirlo (en realidad si que consigue comprimirlo, pero el sonido final es el mismo que el inicial). Ahora que ya sabemos esto, nos falta saber si Flash comprime un archivo .wav ms de lo que comprime el formato .mp3, para ver bien este aspecto, hemos preparado varios ejemplos... Ejemplo: Contamos con una pelcula con un nico frame que est vaco. Esta pelcula, una vez lista para ser vista (.swf) ocupa 1KB. Tenemos 1 sonido .wav que ocupa 1596 KB Comprimimos dicho sonido con un programa compresor de audio y obtenemos el mismo sonido en formato .mp3, ocupa 145 KB. (La calidad de sonido es prcticamente idntica). Ahora insertamos el sonido .wav en la pelcula original y la exportamos (esto se trata en el ltimo tema). Resultado: Una pelcula con sonido (pelcula 1) que ocupa 37KB. Insertamos despus el sonido .mp3 en la pelcula original. Resultado: Una pelcula con sonido (pelcula 2) que ocupa 145 KB

Conclusin: La pelcula con un sonido .wav ocupa casi 5 veces menos que la que tiene el mismo sonido en .mp3, por tanto parece recomendable insertar sonidos .wav (la compresin de audio que logra Flash es muy grande). Como contrapartida, podra apreciarse prdida de calidad en el sonido que se escucha en la pelcula 1. Esta prdida ser importante segn el tipo de sonido que sea. Si es una voz, por ejemplo, deberamos insertar .mp3 ya que necesariamente deber escucharse bien, si es msica de fondo, es probable que aunque se pierda calidad, el resultado final sea aceptable y sea conveniente quedarnos con la pelcula de menor tamao. Lo mejor es probar ambas versiones y evaluar el resultado. Podeis ver varias pruebas en estas pelculas:

Msica de Fondo

Pelcula con sonido (msica) en formato .wav. Tamao Total: 37 KB. Calidad: Buena Sonido "Voz"

Pelcula con sonido (msica) en formato .mp3. Tamao Total: 145 KB. Calidad: Buena

Pelcula con sonido (voz) en formato .wav. Tamao Total: 9 KB. Calidad: Regular

Pelcula con sonido Tamao Total: Calidad: Buena

(voz) en .mp3. 67KB.

En el primer caso sera recomendable quedarse con la pelcula ms pequea, ya que ambos sonidos son buenos. En el segundo caso, la segunda pelcula sera ms apropiada, ya que aunque tenga mayor tamao, la calidad del sonido merece la pena.

Por ltimo, comentar que Flash no puede importar sonidos en formato MIDI (.mid). An as, si estamos empeados en que en nuestra animacin el sonido sea un MIDI y no queremos o podemos conseguir un programa que convierta el sonido MIDI a WAV o MP3 existe una forma de hacerlo consistente en el uso combinado de Flash y Javascript. Igualmente, como se coment en el Tema 1, Flash 8 permite cargar sonidos de un modo dinmico (sin que ocupen espacio), esto se tratar en el Tema 17 "Action Script".

Bueno, loq ue tienes que hacer es utilizar un evento rollOver para iniciar el sonido y otro rollOut para detenerlo.
Cdigo :

Por GersonM_17

onCl ipEventload){ ( sound1 = new Sound(); sound1.attachSound("[color=green]sonidoBoton[/color]"); }

Envale un mensaje privado Email Web 330 de clabLevel

on(rollOver){ sound1.start(); }

on(rollOut){ stopAllSounds(); }

El id "sonidoBoton" es el id de un sonido que tengas en la biblioteca con la vinculacion activada. Espero que esto si te sirva Saludos
Flash AS3 / PHP Developer

Citar Escrito el 10 Jul 2008 03:55 am

bkn pero me puedes explicar un poco mas el scrip..si no es mucha lata porfa, pa entenderlo bien y modificarlo