Streaming Audio! (Swift in Xcode : Parse) Video Lecture | Swift in Xcode: The Complete iOS Development Guide - App Development

hey everybody today I'm going to show
you how to stream music from parse comm
with Swift in Xcode now because Swift is
kind of new there's a lot of things that
aren't shared publicly with everyone and
this is one of them I've been trying to
figure out for the longest time how to
put object IDs into an array via parse
comm automatically I solved that problem
and now we're going to do this tutorial
that although it might not be simple in
programming after you're done
programming it is the simplest way to
create an audio library with Swift in
Xcode so let's go ahead and get started
so this is what we're going to
accomplish in this tutorial I have my
own mp3 files and I just put them inside
a parse inside of my own class and then
inside of the app itself I can click on
song 1 and it can play and then I can
pause and play and then we can easily
add more songs on later so let's go
ahead and get started just as a note
parse comm can only take files that are
10 megabytes or lower alright first
thing we need to do is open up Safari or
whatever web browser you use and we're
going to head over to parse comm now if
you haven't created an account with them
already you probably should if you want
to do this tutorial then we need to just
go over to here if you created an
account you should see something in the
top right corner that says go to your
apps so I'm going to head over to my
apps and then I'm going to create a new
app now it's asking what I want to name
it so let's go ahead and call this media
library and create and now let's go to
core and this is where you will store
all your songs let's go add class and
we'll just call this class our songs
class because this is where all the
songs will be stored create class head
over to our songs class and we're going
to create a new column so just click
right up here where it says plus Co L
and we're going to select a type of a
file now we'll make the column named
song file so this will be this song file
that we are trying to access create
column and then we're also going to add
a new class and
a new class we're going to add another
column and this is going to be a string
and this will be our song name create
and now as you can see we have our song
file right here and our song name right
there let's go ahead and move those
together so we can keep things a little
bit more organized now down here we want
to actually add some songs into this
file so let's go add a new row and
inside of this row we're going to create
a name so this first song named L just
called a song 1 and when you hit entered
a new object ID is created and this will
be randomized for every object that you
have and then it says created at this
time updated at this time and it is a
public read and right now we want to
actually add a song file into it and as
I stated before you don't want song
files to be greater than 10 megabytes
because they don't accept that in parse
so let's head over to finder and we're
going to go to desktop this is where I
have my media stored and right down here
I have songs now I have three songs that
I want to add and you can right-click on
a song and say get info and you can see
that it is below ten megabytes it's 1.4
megabytes so I've got plenty of space so
let's head back over to parse and right
underneath song file you'll see this is
undefined
so go ahead and it's double click on
that and it should say upload file now
that this is done let's go ahead and
click and drag a file that we want to
add and there you have it we have all
good things come dot mp3 now click
Choose and it's it doesn't look like
anything's happening but something is
happening it is uploading it to parse
right now and as you can see we have
successfully updated object and we have
our song file inside of the song file
now let's go ahead add a new row and
we'll call this song name song too and
again it creates a random object ID and
the song file we are going to add is so
let's click on here and upload file and
the song file we are going to add this
time is just another song I have you
could choose and lastly we will add one
more row and this will be our third song
so just go over to our song name we call
this song 3 of course you can give him a
better name if you want these will
actually be the names that are shown to
the people so you want to make sure that
your
long name sounds good now go over here
to your song file and we are going to
click on that and click and drag our
third file inside of there and there you
have it
it is now uploading that file now after
a few minutes of waiting for that to
upload you can see that if I right click
on our file right here we say get info
you can see that it is at a 10 megabyte
audio file so that's why it took so long
now let's head over to the docs inside
of parse comm and we want to say launch
the QuickStart so we're going to add a
QuickStart we're going to say data
mobile iOS Swift and existing project so
we're going to download the SDK and now
that this is downloading let's open up
Xcode and create a new Xcode project
let's go over to our applications we're
going to say this is a single view
application click next and our product
name I will just call mine media media
library language will be set to Swift
and devices will be set to iPhone click
Next and create now let's make this a
bit bigger head over to our main dot
storyboard and first thing we need to do
is just delete this view controller
that's already on there and we want this
to be a table view controller now with
this table view controller we want to
say is the initial view controller over
here in our attributes inspector and we
also want to go over to our view
controller swift file and we're going to
change the class of this to table view
controller and then this is going to be
of the superclass of a UI table view
controller so now this is going to allow
us to edit this view controller that we
just added right here inside of this
file now if we were to make this a bit
smaller and then we can head over to our
downloads double click on our pirate 1.6
you should see this is the parse library
that is going to allow us to connect
with those files that we connected
inside a parse so now let's go over here
to our media library again and we are
going to click and drag this whole
framework inside of our supporting files
click finish it doesn't need to be in
your supporting files but I'm just
putting them there and we can make this
a bit bigger and we can head over to our
media library go over to our build
phases right over here and we're going
to link by an area with libraries as you
can see it was already linked with all
the libraries for parts that we need so
just basically we may actually want to
import all of these frameworks that you
see right down here and this is going to
allow every file that's inside of these
parse frameworks to work properly so now
we need to go back and forth and just
import all these frameworks that you see
this so this will be our audio toolbox
framework then we can go back and do CF
Network framework I'm going to come back
after doing all of this
now with these last two we have libs
dilip so let's go ahead and import those
Li BZ dot da y ll IB then we also have
our libs Q light so this will be L is Li
B sqlite3 with up to 0 import those and
now we have all of our libraries inside
of here so now this is going to allow
all the files that are inside of these
libraries as you can see if we were to
head in here these have their own
libraries and this is going to allow
those to work so now let's clean things
up a bit down here on our audio toolbox
Dom framework just click that and then
hold shift and click on our lips Q light
right click and we're going to say new
group from selection and this will be
our frameworks so these are all the
frameworks that we are using and we can
also put these frameworks down here
which are parse frameworks inside of our
frameworks as well it's out of our
frameworks folder and there you have it
now it's a bit cleaner and we can work
with things a bit better now we need a
head over to our app delegate dot Swift
and inside of our app delegate dot Swift
we're going to say did finish launching
with options we need to go back here to
our documents and inside of our
documents we want to launch the
QuickStart again go to data mobile iOS
Swift existing project and down here you
want to add your parse application ID
make sure it's the right make sure it's
the right app that you're trying to edit
or else it will not work go down here
and we're going to say it parse enable
load datastore we're going to just copy
and paste all of this into our did
finish launching with options so let's
go ahead put those right in there we
need to also go down here and we're
going to say import parse and we also
need to import bolts which is just
another framework that they created for
us now we need to now let's head back
over to our view controller dot Swift
and we're going to import parse so
import parse we're going to import our
AV foundation this is going to allow us
to play these audio files and we also
need AV import the AV
kit now inside of this class where it
says table view controller right after
our UI tableview controller superclass
we also want to add the superclass of an
a/v audio player player delegate so this
is basically saying this view controller
will control the way we play audio now
let's go down here we're going to say
public variable so this variable is
actually going to allow us to edit the
song we are playing from other view
controllers so we're going to say public
variable audio player will be equal to
our AV player open parenthesis closed
parenthesis then we're also going to
create another Club variable and this
will be our selected song number and
this will be equal to an integer open
parentheses close parentheses
now this selected song number is
basically going to be used so when you
click on a certain cell of your table
view controller it's going to be able to
change the song and then if you are in
another view controller you and you
click like next and it then it can
change the selected song number and play
a different song now down here and
review did load first thing we need to
do is actually query our object IDs this
took me forever to learn actually how to
do so we need to save our object ID
query will be equal to our PF query open
parenthesis and this is going to be a
class name and this class name will be
equal to if we go back to our core in
parse we can go back to we can see
inside of our media library that we have
our songs right here this is the class
that we are trying to access so we can
go back here we're going to save our
object ID equals PF query class name and
this will be equal to songs be sure to
capitalize properly or else it will not
work now down here we also want to say
object ID query dot find objects in
background with block now this block
we're going to just say open print this
open curly braket close curly bracket
and inside of these curly brackets we're
going to do
in parentheses close parentheses and
what do we want to do with these objects
well we want to store them into an array
of objects so say objects you can say
objects array : open bracket close
bracket any object question mark and
then comma error : NS error question
mark now basically what this is saying
we were going to find the objects in the
background and then we're going to apply
these objects into here and if there is
an error we will know about this error
via the find objects and background with
block it's a function that you can call
then after this you want to do an arrow
so - alligator tip void in now if you
didn't type it in correctly it needs to
be this exact way or else it will not
work properly there needs to be a
question mark there needs to be a
question mark after the NS error if
there needs to be everything that you
see right here or else it will not work
properly now we need to go down here and
save our and this will be an array for
our object IDs so we need to save our
object IDs will be equal to objects
array as APF object and this should
actually be an array of PF objects so
just put square brackets right around it
and basically what this is saying we're
creating a new variable and this is
actually created so it's any object now
we're saying okay we refer going that
this is going to be an EF object if that
is inside of these object two arrays and
this is going to allow us to grab
certain elements from there so for
instance we can grab our object ID and
then plug that into an array that we
need so now we need to go down here and
say for I in 0 0 dot dot dot objects
object IDs dot count open curly bracket
close curly bracket then up here and on
side of our table view controller we
needed to go right above our if you
you'd load and we're going to create a
variable so this variable is going to be
an array of strings so we need to save
our I D array will be equal to an array
of strings so put rackets all around
them and then add open parentheses close
parentheses after that then down here we
also want to create a name array so
these will be storing up the object IDs
and the song names inside of these
arrays that we are creating right now so
this will be our VAR name array will be
equal to an array of strings again open
parentheses close parentheses after that
now down here inside of our for I in no
0.2 objects ID count we also need to say
self dot ID array dot append and
basically this is saying we want to add
a new element inside of this array and
what are we going to add we are going to
add our objects object IDs for the value
of I so basically as this is going
through or circulating through the
number of object IDs we want to say
objects IDs object IDs for the I value
dot value for key this is going to be
the object ID and we're going to make
sure that this is a string so say as
exclamation point string so we are
appending a string inside of our ID
array now if you actually want to see
how this is done let's go over here to
our 4i and 0 dot so on and so forth
let's go down here we're going to say
NSLog open parentheses close parentheses
and inside of these parentheses we want
to do open quotation mark close
quotation mark slash open parentheses
close parentheses and inside of this we
can actually see what's coming up inside
of this objects IDs array so we can put
down here we're going to just type in
object IDs like so and this is going to
show us what what exactly are we
grabbing from and I just realized that
we never actually hooked this the you
can color dots lift up to our table view
so let's go over to our table view
inside of
not storyboard click on the class and we
are going to just type in table view
controller or basically the name that we
typed in right up here with our class
now if we were to build and run this the
table view controller is going to load
and it's going to give us an NS log of
exactly what we're trying to look at now
as you can see it did find a nil value
I'll fix this in just a second we're
just going to focus on this part right
here so right up here you'll see the
inside of these arrays that we have
right here we have our song file and our
song name and as we filter through this
for I in 0 we're going to add our song
file into our our ID array right up here
and then we're going to add the next one
into our ID array and then the next one
after that so we're basically just
taking all the object IDs and storing
them into a local database now I need to
say for I in 0 dot X I DS count minus 1
in this d' right here should actually be
a lowercase D for ID
let's build and run this again and now
you don't see anything but we're not
getting any errors so that's perfectly
fine with me and now we need to add the
corresponding names into our name array
right up here so now we need to say self
dot name array dot append so we are
going to add new elements basically just
we can actually just copy and paste this
right inside of here
except we want to change the value for
key equal to if we were to bring this up
again this is going to be our song to
name right up here so we could say song
name so now we stored our song names
into our name array right up here now
let's go down here we're going to add a
new function and this will be our grab
song function so just type in F UNC grab
song open parentheses close parentheses
open curly rec and close curly bracket
and now what this is basically doing
when we select a certain part out of the
table view we want to grab a certain
song so what song is that we want to
first say var song query will be equal
to a PF query for the class name of our
string which will just be songs again so
we're basically grabbing from the class
that we had right up here if we were to
go to core and you can see inside over
here we have our songs class again and
now let's go back over here to our grab
song function and we want to say for the
grab song we want to say song query dot
get object in background with ID what ID
do we want well we want to take from our
ID array for a selected number so first
let's go up here to our selected number
and as you can remember we had our
public variable created for selected
song number so now we need to say song
query get object and background ID array
this will be our selected song number
integer so we're basically taking the
first object or the second object out of
this idea raid depending on which table
view cell we select now this should
actually say with block so let's go back
here we're going to say ID and then this
is going to be object ID string
block PF object result block now inside
of our object ID again we want this to
be ID array for the selected number song
number and our block will be equal to an
open curly bracket enter close curly
bracket and inside of these what exactly
do we want to happen we want to store
our object with inside of APF object so
we need to say open parentheses close
parentheses object colon and this will
be a PF object question mark
comma error so if there's an error we
also want to make sure and check if that
happens so NS error question mark and
then after that you go - alligator tip
void void in and now down here basically
this is saying we created an object we
found this object in background with our
ID array select an up song number we
basically grabbed an object out of that
and now we want to take all these
objects that we grabbed and put them
inside of our audio player so now we say
if let audio file URL temporary we'll
just call it that equals object dot
object for key it's going to add a
question mark right after the object for
you that's basically saying it's an
optional if there's anything inside of
this that's not true
then forget it the object for key and
the key will be our song file and this
will be dot URL with the lower case URL
now after disco open parentheses close
parentheses so basically what we're
asking is if this is equal to a song
file so if so if this is true what do we
want to do we want to say audio player
as you can see we created up here in
this public variables we want to say
audio player will be equal to AV player
for a URL and what is our URL going to
be it's going to be nsurl
open parentheses this is going to be a
string so let's type in string and our
string will be equal to an audio file
file URL temp so we are setting this
string equal to the song file URL and
then we're going to load this inside of
our a/b player and then we after this we
say audio player dot play now how do we
actually grab these songs so in order
for us to do this we need to say table
view and this will be did select row at
index path we don't want to do anything
with that chest yet we need to actually
create our table view before we select
so we need to say table view sale for
row at index path we want to create a
cell for every row that means inside of
our table view now down here inside of
our code we save our cell will be equal
to table view DQ reusable cell with
identifier and this is going to be the
identifier of capital C cell but
basically whatever you want to call it
really then after this we want to say
return cell and right after this part
right here where it says var cell we
want to say as a UI table view cell so
where you are setting this table view
reusable so with identifier cell so if
we go back to our main dot storyboard
right now we can head over to our table
view click on the cell specifically head
over to our attributes inspector we're
going to set the identifier or equal to
capital cell like so so now we have this
identifier and we are grabbing this cell
and we're going to change this cell
depending on how many cells there are
now let's go back over to our view
controller dot Swift file and right down
here inside of our table view cell from
over to index path we want to say cell
dot text label dot text will be equal to
our name array for the index path dot
row now if you're wondering where I'm
getting this index path dot row it's
basically created right up here and it's
basically where you create each of the
cells for every row now lastly we need
to create how many cells are there going
to be
so we're going to say tableview and this
will be number of rows of in section and
we're going to return a value as if you
can see right up here it's expecting a
return value of integer so we need to
say return we will return our ID array
dot count so we're counting how many IDs
there are and we're setting up ourselves
accordingly now if we were to build and
run this right now you will see that
there's nothing inside of this table
view right now now in order for us to do
this let's go over here to our object ID
query and right after this part where it
says self where your pending all the
objects inside of the Year arrays we
need to say self the table view dot
reload data because it basically loaded
they dated from the start and it was
unable it didn't have enough time to
grab all of the object IDs now if we
were to be able to run this now we have
song one song two and song three now if
you were to click on this nothing
happens at the moment so let's go ahead
and make things happen and this will be
table you did slow select row index path
what do we want to happen well we want
to set our selected song number equal to
our index path row so whatever rows we
select is going to be our selected song
number and then we need to grab our song
so just type in grab song like so now if
we were to build and run so now if we
were to build and run we can select on
all of these songs and they will be able
to play so we can click on song three
you can hear that in the background that
it is now playing we can click on song
two and it will override song three so
we're not getting out over any
overlapping then we also have song 1 and
they are all matching so now let's go
ahead click the stop button now let's
head back over to our main dot
storyboard and inside of our main dot
storyboard we want something cooler to
happen when we click on these cells we
actually want a command list to happen
down below so I'm just going to add
pause and play in this video but cool
nonetheless now let's go ahead click and
drag a view controller into
scene like so and then we can click and
drag a container view inside of this
scene that we have right here so right
click or control click and drag from
this container view over to review and
this will be our leading space trailing
space top space Center horizontally and
center vertically hit enter and now we
have all these constraints going on and
they should be all highlighted blue if
they're not check and make sure that you
selected all the ones that are proper
now just right-click or control click
and drag from this table this container
view right over here and we want to
embed so we are embedding our table view
or the song list basically into this
container view and this is going to
allow us to also have a pause and play
button right nearby now as you can see
this arrow right here this is basically
saying is the initial view controller we
actually want to change this over to our
view controller right over here now
alongside with this container view was
created a view controller right over
here so we can just delete that view
controller and now we also want to
create a new file such as a file new
file and this file will be a swift file
and we're going to make this our main
view controller create so our main view
controller dot Swift we're going to
create a class our class name will just
be main view controller of the
superclass of the superclass of a UI
view controller and right now it's
giving me an error because there's no
such thing because we haven't imported
our UI kit yet so say import UI kit this
is going to allow us to use the main dot
storyboard now down here we want to see
view did load when the be loads
nothing's going to happen but HS
something there that I like having in
there just in case now let's head back
over to our main dot storyboard click on
this view controller that a that has a
container view in it and we want to go
over to our identity inspector we want
to set the class equal to our main view
controller or basically we want to set
this equal to
the Swift file that we created now
inside of our main domain view
controller we want to command s just to
save our file and it's going to allow us
to edit from our main dot storyboard
open up your assistant editor so the
file didn't open up automatically for me
so I go over here to your manual and
down here it should be in your
automatics
click on automatic and now let's click
and drag another button on there and
this will be our pause button and then
we'll have a play button right after
that so right over here we're going to
add these two buttons we're going to add
this one as our pause button click and
drag these buttons to be up here this
first one will make this pause and our
second one we will make this play and
now let's right-click or control click
and drag from our pause button and we're
going to set the action to this and
we're going to just say pause
this will be our pause action and then
our play button we want to right-click
or control click and drag from that and
we want to set an action equal to play
connect and now inside of here because
we made our audio player public we're
going to be able to edit our audio
player from a different file so we can
say audio player dot pause then we can
say audio player dot play now we need to
add some constraints to these pause and
play buttons so right click or control
click and drag from our pause button
we're going to say vertical spacing
we're going to do the same for our play
button we're going to add some spacing
between these buttons right here
horizontal spacing and then we're going
to right click or control click and drag
from this pause button and we're going
to say Center the x-value and that will
allow us these pause and play buttons to
actually be right here in the center of
our container view so now for you to be
able to run this
you will see that we have pause and play
now hit our song 1 and now we can click
on pause and play song to pause play
pause play song 3 and of course if you
want to add another song we just need to
create a new row we need to set the song
name equal to song 4 and we also want to
take and click and drag and we also want
to go to our song files go to upload
file and we're going to click and drag a
new song file inside of there click
Choose and now it's uploading the song
file inside of our parse inside of parse
and now that that's imported we can head
back over to our media library click
play and everything will automatically
be updated so now we have someone's on
Tucson 3 and song 4 click on song 4 and
there you have our new song thank you
all so much for watching this tutorial
if you enjoyed it be sure to hit that
like button down below and if you want
to see more tutorials like this for me
in the future be sure to subscribe this
tutorial took a long time to make and it
took a lot of effort on my part to
actually figure out how everything was
done I'm glad I finally figured it out
for all of you and also myself but
anyway thank you so much for watching
and I will see you in the next one
you
you