17. Tutorial Xcode: Reproducir sonido con un botón
Summary
TLDREn este tutorial de Código Fácil, Iker nos guía para crear una aplicación que reproduzca un sonido al presionar un botón. Comenzamos abriendo Xcode y creando un nuevo proyecto de tipo 'Single View Application' llamado 'Sonido'. A continuación, agregamos un archivo de sonido a nuestro proyecto, seleccionando la opción de copiar los items a nuestro folder. En las propiedades del proyecto, incluimos el framework 'AudioToolbox' para la gestión de sonidos. En el archivo ViewController.h, importamos el framework y declaramos una acción llamada 'sonido'. En ViewController.m, escribimos el código para identificar el archivo de sonido, crear un ID de sonido y reproducirlo usando 'AudioServicesCreateSystemSoundID' y 'AudioServicesPlaySystemSound'. Finalmente, en nuestro archivo .xib, añadimos un botón llamado 'Reproducir' y lo conectamos con la acción 'sonido'. Después de guardar y ejecutar, probamos la aplicación en el simulador y al hacer clic en el botón, el sonido se reproduce correctamente. El video termina con una invitación a dar like y suscribirse al canal para más contenido útil.
Takeaways
- 🎓 **Introducción al tutorial**: Se presenta un nuevo tutorial sobre cómo crear una aplicación que reproduzca un sonido al presionar un botón.
- 🔍 **Requisitos previos**: Necesitas tener un archivo de sonido en cualquier formato para utilizarlo en la aplicación.
- 📂 **Creación del proyecto**: Se inicia en Xcode con un nuevo proyecto de tipo Single View Application y se le asigna el nombre de 'Sonido'.
- 📁 **Adición del archivo de sonido**: El archivo de sonido se agrega al proyecto arrastrándolo y seleccionando la opción 'copiar los items al folder'.
- 📚 **Incorporación de AudioToolbox**: Se añade el framework 'AudioToolbox' en la sección de 'Build Phases' para enlazar las bibliotecas.
- 📝 **Importación de frameworks**: Se importa 'AudioToolbox.h' en el archivo ViewController.h para poder utilizar las funciones de sonido.
- 🎛 **Declaración de la acción**: Se declara una acción en ViewController.h que será llamada cuando se presione el botón.
- 📖 **Código para reproducir sonido**: En ViewController.m se escribe el código para identificar el archivo de sonido y reproducirlo utilizando la función `audioServiceCreateSystemSoundID`.
- 🔊 **Reproducción del sonido**: Se utiliza `audioServicePlaySystemSound` para que el sistema reproduzca el sonido cuando se active la acción.
- 🔄 **Conexión del botón con la acción**: Se conecta el botón 'Reproducir' con la acción declarada en ViewController.h desde el archivo XIB o storyboard.
- 📱 **Prueba de la aplicación**: Se ejecuta la aplicación en el simulador de iPhone para verificar que el botón reproduzca el sonido correctamente.
- 👍 **Finalización y comentarios**: El tutorial termina con una revisión de que todo funcionó bien y se pide feedback y suscripción al canal.
Q & A
¿Qué tutorial se presenta en el video?
-El tutorial presenta cómo crear una aplicación que reproduzca un sonido al hacer clic en un botón.
¿Qué formato de archivo de sonido se puede usar en este tutorial?
-El tutorial no especifica un formato de archivo específico, pero indica que se puede usar cualquier formato de sonido.
¿Qué framework se necesita para agregar en el proyecto para la reproducción de sonido?
-Se necesita agregar el framework 'AudioToolbox' para la reproducción de sonido en el proyecto.
¿Cómo se importa el framework 'AudioToolbox' en el archivo ViewController.h?
-Se importa escribiendo '#import <AudioToolbox/AudioToolbox.h>' debajo de las importaciones existentes.
¿Cuál es la acción que se crea en el ViewController.h para manejar el sonido?
-Se crea una acción llamada 'sonido' que no requiere objetos adicionales.
¿Cómo se obtiene la URL del archivo de sonido en el ViewController.m?
-Se utiliza 'CFBundleCopyResourceURL' para obtener la URL del archivo de sonido desde el bundle principal.
¿Cómo se reproduce el sonido en la aplicación?
-Se utiliza la función 'AudioServicesPlaySystemSound' pasando como argumento el 'Sound ID' del archivo de sonido.
¿Qué se debe hacer después de escribir el código para reproducir el sonido?
-Se debe agregar un botón al archivo .xib (interfaz de usuario), conectarlo con la acción 'sonido' y luego ejecutar la aplicación para probar la funcionalidad.
¿Cómo se conecta la acción 'sonido' con el botón de reproducir en el archivo .xib?
-Se selecciona el botón, se navega a 'File Owner', se conectan las 'connections' y se vincula la acción 'sonido' con el botón 'Reproducir'.
¿Qué se debe hacer para guardar y ejecutar el proyecto en el simulador?
-Se guardan los cambios con 'Command + S' y se ejecuta el proyecto con 'Command + R'.
¿Cómo se verifica que la aplicación funcione correctamente?
-Se abre el simulador de iPhone y se da clic en el botón 'Reproducir' para verificar si el sonido se reproduce correctamente.
¿Cómo se puede apoyar y seguir el canal de 'Código Facilito'?
-Se puede dar 'me gusta' a los videos y suscribirse al canal de 'Código Facilito' para seguir sus tutoriales y contenido.
Outlines
🎓 Tutorial de creación de una aplicación de sonido
Este primer párrafo presenta un tutorial sobre cómo crear una aplicación que reproduzca un sonido al presionar un botón. Se inicia con una introducción por Iker, el presentador, y procede a explicar los pasos para abrir Xcode y comenzar un nuevo proyecto Single View Application con el nombre de 'Sonido'. Luego, se detalla cómo agregar un archivo de sonido al proyecto, copiando los items al folder y finalizando con 'Finish'. Seguidamente, se aborda la adición del framework 'AudioToolbox' a las propiedades del proyecto y se organiza en una carpeta dedicada. Después, se importa el framework en el archivo ViewController.h y se declara una acción llamada 'sonido'. Finalmente, se describe cómo escribir el código para identificar el archivo de sonido y usarlo en la aplicación.
🔊 Reproducción de sonido en la aplicación
El segundo párrafo continúa la explicación del tutorial y se enfoca en la creación y reproducción del sonido dentro de la aplicación. Seguidiendo con el código, se define un 'SoundID' para el archivo de sonido y se utiliza la función 'audioServiceCreateSystemSoundID' para asociar el archivo de sonido con el ID. A continuación, se reproduce el sonido con 'audioServicePlaySystemSound' utilizando el ID creado previamente. El proceso culmina con la integración de un botón en la interfaz de usuario (Storyboard), llamado 'Reproducir', que se conecta con la acción 'sonido' para que, al ser presionado, active la reproducción del sonido. Finalmente, se menciona la prueba del funcionamiento de la aplicación en el iPhone Simulator y se cierra el tutorial con un mensaje de agradecimiento y un recordatorio para que los espectadores den like y se suscriban al canal.
Mindmap
Keywords
💡Exco
💡Audio Toolbox Framework
💡Reproducir
💡Código Facilito
💡Iker
💡CFBundle
💡CFURLRef
💡Audio Services
💡
💡ViewController
💡Main Bundle
💡iPhone Simulator
Highlights
Tutorial de cómo crear una aplicación que reproduzca un sonido al hacer clic en un botón
Se necesita un archivo de sonido en cualquier formato
Se inicia abriendo Xcode y creando un nuevo proyecto Single View Application
Se agrega el archivo de sonido al proyecto arrastrándolo y seleccionando 'Copy items if needed'
Se agrega el framework AudioToolbox al proyecto
Se importa el framework AudioToolbox en el archivo ViewController.h
Se declara una acción en ViewController.h llamada 'sonido'
En ViewController.m se implementa la acción 'sonido'
Se obtiene la URL del archivo de sonido desde el bundle principal
Se crea un System Sound ID a partir de la URL del archivo de sonido
Se reproduce el sonido usando AudioServicesPlaySystemSound con el System Sound ID
Se agrega un botón al archivo Main.storyboard y se conecta la acción 'sonido' al botón
Se guarda y se ejecuta la aplicación en el iPhone Simulator
Se verifica que la aplicación funcione correctamente al hacer clic en el botón
Se pide a los espectadores que den like y se sucriban al canal de Código Facilito
Transcripts
[Música]
Hola a todos Bienvenidos a nuestro nuevo
tutorial de exco traido de ustedes por
código facilito Mi nombre es Iker y
vamos a aprender a crear una aplicación
que al dar clic en un botón reproduzca
un sonido Bueno lo que necesitamos es
tener un sonido en cualquier formato yo
tengo
este y bueno vamos a empezar abrimos
excode
creamos un nuevo
proyecto single vi
application le ponemos de nombre
sonido lo
creamos bueno ya que ha abierto nuestro
proyecto lo primero que vamos a hacer va
a ser agregar nuestro sonido a nuestro
proyecto para eso nada más lo vamos a
arrastrar y nos va a aparecer esta
ventana seleccionamos el que dice copiar
los items a nuestro folder y le damos
Finish ya nos lo agregó Aquí
está bueno ahora nos vamos a las
propiedades del proyecto para agregar un
framework seleccionamos aquí en donde
dice build
FES desplegamos el que dice link binary
with libraries y le damos más y
agregamos este que dice audiot toolbox
framework le damos a Bueno aquí está
ahora lo voy a meter a la carpeta de
frameworks nada más para que esté más
ordenado Ahora nos vamos a nuestro
viewcontroller H para importar nuestra
nuestro framework para eso abajo del
import vamos a escribir otro
import ponemos el signo de número y
ponemos
import y entre el signo de mayor que y
menor que escribimos audio
toolbox diagonal audiot toolbox
H luego tenemos que declarar nuestras
acciones aquí no vamos a necesitar
objetos nada más va a ser una sola
acción entonces bueno ponemos nuestra
nuestros corchetes y abajo de los
corchetes ponemos nuestra
acción yo lo voy a llamar
sonido y terminamos con punto y
coma nos vamos a nuestro viewcontroller
m y abajo del
implementation ponemos nuestra
acción le ponemos sus
corchetes y entre los corchetes vamos a
a empezar a escribir el código lo
primero que tenemos que hacer es
poner Qué tipo de archivo es y qu bueno
cuál es su nombre entonces bueno primero
empezamos escribimos cf bundle
ref le ponemos Main
bnd
es igual y lo vamos a poner cf bundle
get Main
bundle y abrimos y cerramos paréntesis
ponemos punto y coma luego abajo vamos a
escribir cf URL
ref y le vamos a poner un nombre yo lo
voy a poner
Sound file url
ref y terminamos con punto y coma luego
el nombre que le dimos a al de arriba lo
escribimos y es igual y vamos a escribir
cf bundle copy resource
URL Bueno vamos a borrar todo esto que
traig
aquí y entre los paréntesis vamos a
escribirlo siguiente primero tenemos que
poner Bueno Main
bundle coma abrimos y cerramos
paréntesis y entre los paréntesis vamos
a escribir cf String
ref afuera de El paréntesis ponemos @
comillas comillas y el nombre de nuestro
sonido nada más el nombre no la
extensión en mi caso es sonido
afuera de las comillas ponemos ot vez
coma luego con mayúsculas vamos a
escribir
cf
str y entre paréntesis ponemos doble
comilla y ponemos la extensión de
nuestro sonido que en mi caso es
cf ponemos coma
nul Cerramos el paréntesis y punto y
coma Bueno ahí ya le dijimos a nuestra
aplicación Cómo se va có no cómo se
llama nuestro sonido y qué extensión
tiene ahora tenemos que crear el sonido
y hacer que se reproduzca para eso vamos
a escribir u
int 32 y le ponemos un nombre y lo a
poner Sound
ID y ponemos punto y coma abajo vamos a
crear el sonido entonces para eso
ponemos audio Service create System
Sound
ID luego entre el paréntesis vamos a
escribir Sound file URL ref que es el
nombre que le dimos aquí arriba a
nuestro sonido luego ponemos coma el
signo de an o ers y escribimos s
ID
y terminamos con punto y coma ahora
tenemos que hacer que lo reproduzca para
eso vamos a escribir audio service Play
System
Sound y entre los paréntesis ponemos
Sound ID y terminamos con punto y coma
Bueno eso es todo el código Ahora nos
vamos a ir a nuestro vier
x y agregamos nuestro
botón le vamos a poner de nombre
Reproducir nos vamos a file Owner para
conectar nuestras acciones y
seleccionamos connections conectamos
nuestra acción sonido con el botón
Reproducir y le ponemos to Shop
inside guardamos con Comando s y
corremos con Comando
r vamos Espera que abra el iPhone
Simulator para ver que haya quedado
bien Ya abrió vamos a a ver vamos a dar
click Bueno sí funciona bien y bueno es
sería todo el tutorial por hoy Espero
les haya gustado ya saben si les gustan
los videos denle manita arriba y
suscríbanse al Canal de código facilito
hasta luego
関連動画をさらに表示
18. Tutorial Xcode: Reproducir un sonido automáticamente al abrir la aplicacion
12. Crear un AlertView - Curso de Xcode para programar aplicaciones iOS
Tutorial Xcode 19: Aplicación que genera palabras al azar
6. Programar aplicaciones iOS - Curso de Xcode: Agregando FrameWorks
16. Tutorial Xcode: Imagen Cayendo
7. Botones Personalizados - Programar aplicaciones iOS - Curso de Xcode
5.0 / 5 (0 votes)