WEBVTT

00:00:00.000 --> 00:00:02.850
hi welcome to the music and coding

00:00:02.850 --> 00:00:05.730
exploration in this video we will give a

00:00:05.730 --> 00:00:07.710
quick overview of computer programming

00:00:07.710 --> 00:00:10.349
and see how we can use black coding to

00:00:10.349 --> 00:00:13.259
create our own musical beats let's jump

00:00:13.259 --> 00:00:15.719
in computer programs are the way we

00:00:15.719 --> 00:00:17.520
communicate with computers and give them

00:00:17.520 --> 00:00:20.189
instructions with programs we can make

00:00:20.189 --> 00:00:22.230
all kinds of things from the apps we use

00:00:22.230 --> 00:00:25.470
to social media platforms to video games

00:00:25.470 --> 00:00:28.320
and much more giving instructions to a

00:00:28.320 --> 00:00:30.269
computer is kind of like the way a

00:00:30.269 --> 00:00:33.000
pianist tells their fingers which notes

00:00:33.000 --> 00:00:36.059
to play and when but did you know that

00:00:36.059 --> 00:00:38.430
computer programming is also used in

00:00:38.430 --> 00:00:40.739
many parts of music production today

00:00:40.739 --> 00:00:43.230
you'll create your own music by making a

00:00:43.230 --> 00:00:45.690
computer program we'll be using Java

00:00:45.690 --> 00:00:47.190
Script which is one of today's most

00:00:47.190 --> 00:00:50.160
widely used programming languages let's

00:00:50.160 --> 00:00:51.899
see how we can use programming to make

00:00:51.899 --> 00:00:54.149
our own music we're going to be using

00:00:54.149 --> 00:00:56.760
block coding to create a beats program

00:00:56.760 --> 00:00:59.190
so let's take a look at how the editor

00:00:59.190 --> 00:01:02.100
works you'll see this green block titled

00:01:02.100 --> 00:01:04.589
song in the middle of the screen

00:01:04.589 --> 00:01:07.049
whatever we drop here will be read by

00:01:07.049 --> 00:01:08.970
the computer and played in our output

00:01:08.970 --> 00:01:12.270
screen shown on the right on the left

00:01:12.270 --> 00:01:14.310
side you'll see the coding blocks

00:01:14.310 --> 00:01:16.710
library that you can use to create your

00:01:16.710 --> 00:01:20.100
beat maker with music visualization see

00:01:20.100 --> 00:01:21.680
how all of the coding blocks are

00:01:21.680 --> 00:01:23.820
color-coded in their own library

00:01:23.820 --> 00:01:26.250
sections let's start with bringing in a

00:01:26.250 --> 00:01:28.799
pink beats block this is how we'll let

00:01:28.799 --> 00:01:30.540
the computer know when a sound should be

00:01:30.540 --> 00:01:33.960
played to add my own beats block I need

00:01:33.960 --> 00:01:36.360
to drag this block so that it snaps into

00:01:36.360 --> 00:01:36.930
place

00:01:36.930 --> 00:01:41.850
to my song block did you hear that click

00:01:41.850 --> 00:01:44.460
if the block isn't snapped in the

00:01:44.460 --> 00:01:46.590
computer will not read and load the

00:01:46.590 --> 00:01:48.479
block we haven't yet told the computer

00:01:48.479 --> 00:01:51.240
which instrument we want to use so we

00:01:51.240 --> 00:01:53.369
can go to the drum sound section and

00:01:53.369 --> 00:01:58.649
drag in this little yellow block we can

00:01:58.649 --> 00:02:00.540
use the drop down menu to change the

00:02:00.540 --> 00:02:02.790
sound and click the check marks to

00:02:02.790 --> 00:02:05.490
select the beats we want that sound to

00:02:05.490 --> 00:02:08.129
play on we can drag in as many pink

00:02:08.129 --> 00:02:10.800
beats blocks as we want to add multiple

00:02:10.800 --> 00:02:23.100
instruments to our beat

00:02:23.100 --> 00:02:26.710
you can even record a sound by dragging

00:02:26.710 --> 00:02:28.540
this little yellow you are Block in

00:02:28.540 --> 00:02:33.130
where the instrument would go you can

00:02:33.130 --> 00:02:36.040
record a sound by going to the more tab

00:02:36.040 --> 00:02:39.490
and clicking upload click the microphone

00:02:39.490 --> 00:02:43.240
button and record your sound whoop then

00:02:43.240 --> 00:02:47.140
copy and paste the URL into the yellow

00:02:47.140 --> 00:02:53.320
URL block it's that easy we can also set

00:02:53.320 --> 00:02:57.520
the tempo which are the beats per minute

00:02:57.520 --> 00:02:59.500
so you want to set it to something

00:02:59.500 --> 00:03:04.480
relatively high the tempo block needs to

00:03:04.480 --> 00:03:06.310
be at the top of the blocks to work

00:03:06.310 --> 00:03:09.450
properly

00:03:09.450 --> 00:03:12.430
whoops instead of selecting another

00:03:12.430 --> 00:03:14.890
beats block I accidentally grabbed a

00:03:14.890 --> 00:03:17.560
drum sounds block if you ever need to

00:03:17.560 --> 00:03:19.989
delete a block you can either drag it to

00:03:19.989 --> 00:03:24.580
the trash here or select the block and

00:03:24.580 --> 00:03:27.430
press Delete on your computer if you

00:03:27.430 --> 00:03:29.530
drag a block with other blocks that are

00:03:29.530 --> 00:03:32.620
below it it moves the whole section of

00:03:32.620 --> 00:03:35.650
blocks with it if you just want to

00:03:35.650 --> 00:03:38.230
delete the top level block keyboard

00:03:38.230 --> 00:03:41.739
shortcuts will do the trick so I can use

00:03:41.739 --> 00:03:45.070
control X and delete just that block if

00:03:45.070 --> 00:03:47.110
you aren't sure when you want each beat

00:03:47.110 --> 00:03:50.049
to play click run and experiment with

00:03:50.049 --> 00:03:52.600
your beats by clicking each box to turn

00:03:52.600 --> 00:03:55.810
the sound on or off

00:03:55.810 --> 00:04:04.750
[Music]

00:04:04.750 --> 00:04:07.610
once you have something you like you can

00:04:07.610 --> 00:04:09.560
add it to your program when you've made

00:04:09.560 --> 00:04:11.690
a beat program you're happy with you can

00:04:11.690 --> 00:04:14.300
alter the visualization of your beat by

00:04:14.300 --> 00:04:16.640
dragging in these different blocks and

00:04:16.640 --> 00:04:18.980
selecting the colors you want to show in

00:04:18.980 --> 00:04:21.950
your beat visualizer I'm going to set an

00:04:21.950 --> 00:04:24.770
on and off color by dragging in these

00:04:24.770 --> 00:04:29.849
two blocks

00:04:29.849 --> 00:04:36.580
let's test that when you have an output

00:04:36.580 --> 00:04:38.289
you're proud of make sure to show your

00:04:38.289 --> 00:04:40.360
friends and family by clicking the share

00:04:40.360 --> 00:04:42.900
button

00:04:42.900 --> 00:04:45.720
copy the URL and share it with others

00:04:45.720 --> 00:04:47.430
through email or your favorite social

00:04:47.430 --> 00:04:49.890
media site feel free to make more than

00:04:49.890 --> 00:04:51.500
one so you can experiment with different

00:04:51.500 --> 00:04:54.330
instruments and visualizations we hope

00:04:54.330 --> 00:04:55.590
you have fun making your own

00:04:55.590 --> 00:04:59.060
personalized beats