17. Tutorial Xcode: Reproducir sonido con un botón

Summary

En 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

00:00

🎓 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.

05:02

🔊 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.

Keywords

💡Exco

Exco es un software de desarrollo de aplicaciones móviles que permite a los usuarios crear aplicaciones sin necesidad de conocimientos de programación. En el video, se utiliza Exco para crear una aplicación que reproduce un sonido al presionar un botón, lo que demuestra su capacidad para facilitar la creación de aplicaciones interactivas.

💡Audio Toolbox Framework

El Audio Toolbox Framework es una biblioteca de funciones de Apple que proporciona servicios de audio, como la reproducción de sonidos. En el tutorial, se agrega este framework para permitir que la aplicación reproduzca un sonido específico, lo cual es fundamental para el funcionamiento de la aplicación que se está desarrollando.

💡Reproducir

En el contexto del video, 'Reproducir' se refiere a la acción de ejecutar una secuencia de sonido en la aplicación. La aplicación desarrollada en el tutorial tiene como objetivo principal reproducir un sonido cuando el usuario interactúa con un botón etiquetado 'Reproducir', lo que es el resultado final que se busca lograr.

💡Código Facilito

Código Facilito es el nombre del canal o la fuente de la tutorial que se está viendo. Se menciona en el inicio y al final del video como una plataforma que ofrece tutoriales y guías para aprender sobre programación y desarrollo de aplicaciones de manera sencilla y accesible.

💡Iker

Iker es el nombre del presentador o instructor del tutorial. Él es quien guía a los espectadores a través del proceso de creación de la aplicación de sonido en Exco, compartiendo sus conocimientos y experiencias para enseñar un tema específico.

💡CFBundle

CFBundle es una estructura de datos utilizada en macOS y iOS para acceder a los recursos de una aplicación, como sonidos o imágenes. En el script, se utiliza CFBundle para obtener la referencia al directorio raíz de los recursos de la aplicación y, posteriormente, para copiar la URL del archivo de sonido que se desea reproducir.

💡CFURLRef

CFURLRef es un tipo de referencia de recursos de Core Foundation que representa una dirección URL. En el tutorial, se utiliza para obtener la URL del archivo de sonido que se incluirá en la aplicación, lo que es esencial para la reproducción del sonido.

💡Audio Services

Audio Services es una API de bajo nivel en iOS que permite a los desarrolladores interactuar con el sistema de audio del dispositivo. En el video, se utiliza para crear un ID de sonido a partir de la URL del archivo de sonido y, posteriormente, para reproducir ese sonido en la aplicación.

💡

💡ViewController

ViewController es un componente clave en la arquitectura de aplicaciones de iOS que maneja la lógica y la presentación de una pantalla o 'vista'. En el tutorial, se trabaja en el ViewController para importar el framework necesario y para escribir el código que controla la reproducción del sonido.

💡Main Bundle

El 'Main Bundle' es la referencia a la raíz de los recursos de la aplicación, que incluye archivos de sonido, imágenes, documentos, entre otros. En el script, se accede al 'Main Bundle' para localizar y manipular el archivo de sonido que se utilizará en la aplicación.

💡iPhone Simulator

El iPhone Simulator es una herramienta de Apple que permite a los desarrolladores probar sus aplicaciones en una simulación del entorno de iOS en una computadora. En el video, se utiliza el iPhone Simulator para verificar el funcionamiento de la aplicación de sonido después de su desarrollo.

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