Soundboard con CoronaSDK

En este turorial realizaremos la reproducción de un sonido y adjuntaremos el codigo de una aplicación que esta disponible en el Play Store

https://play.google.com/store/apps/details?id=co.jomobile.fartDrum

Para empezar debemos haber instalado y configurado el Software de Corona tal como en nuestro tutorial anterior; luego abrimos CoronaSDK y creamos un nuevo proyecto.

Click para zoom

Cuando se crea una aplicación con el Template Game, se crean los siguientes archivos:

build.settigs: Archivo donde se incluyen configuraciones de la aplicación como orientación,  permisos para Android y redes sociales, ids de publicidad etc.

config.lua: En este archivo se configura la aplicación en cuanto tamaño y forma de reescalarse en distintos dispositivos, ademas que se maneja el número de fps.

level1.lua: Ejemplo de Physics (No lo usaremos en este tutorial).

menu.lua: Normalmente en este archivo template viene un botón que indica nuevo Juego en nuestro turorial lo utilizaremos para reproducir un archivo de audio.

main.lua: Este es el archivo base de la aplicación y desde donde se llama a la primera vista con el Storyboard.

Lo primero que haremos es copiar el archivo de audio que queremos reproducir en formato (WAV/MP3) en la carpeta base.

Luego abrimos el archivo menu.lua y declaramos nuestro archivo de audio de la siguiente forma:

local s1 = audio.loadSound( "1.wav" )

Ahora modificamos la función onPlayRelease(), la cual normalmente viene de esta forma

local function onPlayBtnRelease()
storyboard.gotoScene( "level1", "fade", 500 )
return true

end 

Y la cambiamos por esta 

local function onPlayBtnRelease()
audio.play( s1 )
return true

end 

Y eso es todo ahora vamos al simulador y abrimos main.lua

Al pulsar Play now reproducirá el archivo de audio.

Reproducir Archivo de Audio en Objective-C

Reproducir Archivo de Audio en Objective-C

DESCARGAR CODIGO FUENTE

DESCARGAR PDF

En este tutorial insertaremos y reproduciremos un archivo de audio en Objective-C, para comenzar crearemos un proyecto en blanco.

• Depues de haber creado el proyecto lo primero que tenemos que hacer es importar las librerías AudioToolbox.framework y AVFoundation.framework.

Click para Zoom

• Ahora importamos el archivo de audio que queremos reproducir, este archivo debe tener una de las siguientes extensiones*: AIFF, AIFC, MP3, SND, AU, WAV, QDesign.

              *Para mayor información sobre extensiones y archivos de audio visite Developer Audio Apple

Click para Zoom

• Crear un método para ejecutar la reproducción del sonido, y asignarselo a un botón en el entorno gráfico.

• En el archivo implementador de la vista (.m) instanciamos el sonido, con el método CFBundleCopyResourceURL en el cual colocamos el nombre y extensión del archivo y eso es todo.

DESCARGAR CODIGO FUENTE

DESCARGAR PDF

Reproducir archivo de Audio o Video en Android - MediaPlayer

DESCARGAR CODIGO FUENTE

DESCARGAR PDF

En este tutorial insertaremos un sonido a nuestra aplicación para ello necesitaremos la aplicación que creamos en el tutorial anterior, o una aplicación en blanco; ademas necesitamos un archivo de Audio o Video que se encuentre en los siguientes formatos:

AUDIO	VIDEO
.3gp, .mp4, .m4a, .aac, .mp3, .mid, .wav	.3gp, .mp4, . webm, .mkv

Para más detalles acerca de los formatos de audio entre a: 

http://developer.android.com/guide/appendix/media-formats.html

• Después de tener el proyecto en blanco creado procedemos a crear una carpeta llamada raw dentro de la carpeta res, y en ella copiamos nuestro archivo de audio o video.

Click para zoom

• Lo siguiente que haremos es editar el archivo MainActivity.java  en el cual pondremos toda la lógica de nuestra aplicación por ahora, en próximos tutoriales haremos una inducción a POO (Programación Orientada a Objetos). Como primera medida crearemos tres variables, dos de tipo Button y otra de tipo MediaPlayer.

Click para Zoom

• Ahora modificamos el método onCreate(Bundle savedInstanceState) e instanciamos nuestras variables anteriormente declaradas. Ademas creamos una variable de tipo LinearLayout para almacenar todos los elementos que vamos a crear en la vista, deshabilitando el Layout que trae por defecto.

Click para Zoom

• Luego se agregan los elementos al Layout, y este se escoge como Layout de la vista.

Click para Zoom

• Después de todo lo anterior instanciamos el archivo de audio con MediaPlayer.create(this, R.raw.S1);  R.raw.S1 se refiere a la ruta o path del archivo de audio (R = res o resources, raw = carpeta que creamos en el primer paso de este tutorial, S1 = nombre del archivo en nuestro caso es S1.wav). Por ultimo colocamos la propiedad de Looping, sirve para crear un loop de reproducción o para una reproducción única.

Click para Zoom

• Al haber instanciado el archivo de audio procedemos a hacer un implements de OnClickListener para poder usar los eventos de Click sobre los botones.

• Cuando se realiza este implements se exige utilizar los métodos de OnClickListener en este caso el método onClick(View v), dentro de este método vamos colocar toda la lógica que se ejecuta en cada uno de los casos de click a los botones.

• Por ultimo agregamos los listeners a los botones, y eso es todo.

• Solo queda probar en el simulador o en nuestro dispositivo.

Click para Zoom

DESCARGAR CODIGO FUENTE

DESCARGAR PDF