Name: Google I/O 2014 - Making music mobile with the Web
Uploaded: 2016-08-04T07:58:53.000Z
Duration: 40 min 7 s
Description: Thousands of YouTube videos with English-Chinese subtitles! Now you can learn to understand native speakers, expand your vocabulary, and improve your pronunciation...

JUSTIN: I'm Justin, tech lead for the WebRTC project

And today, we're going to talk about using audio

The web platform has come a long way on both mobile and desktop.

And using technologies like the Media Capture API, Web Audio,

and WebRTC, it's now super easy to record, process, and send

We're going to use this session to record a theme

song for Google I/O. And you're going to help.

I played in some bands back in the day, a little keyboard,

And I remember what it was like to make music back then.

to tote around a whole bunch of gear, all sorts of effects

pedals-- overdrive, chorus, flanger, wah-wah-- amps and EQs

to get the right tone, and a four track to record it all.

But that's what it took to sound like real rock stars.

that this whole basement of audio processing gear

would soon be able to be replaced by a web browser.

And one great example of this is a new third party

this app is like a set of instruments, a recording

And we're going to use it to record our song.

So musical inspiration can strike you at any time.

So imagine I'm just sitting on the train with my Nexus 7,

So I'm running the Soundtrap app in Chrome for Android.

And the first thing we need is a driving percussion track.

So let me go ahead and check out the drum loops we have here

and figure out what's the right thing for our song.

I think I want something that has a bit more rock.

So let me just tap that and add that to our song-- perfect.

And now, using the Media Capture API, also known

as getUserMedia, I can record my instrument right

I'm going to plug in here just using a standard cable

right into the microphone jack on my laptop--

And there's my drum track I already added from before.

All right, let me just play a couple notes to get started.

So let's go ahead and record a bass line for our song.

So right here in Soundtrap, I'm just going to start recording.

right on top of the drum part that we had before.

All right, I was a little bit early on that.

All right, so there we've got our great bass line.

And that's what we've got for our bass track.

about the technology behind what we just did.

So in the Media Capture API, the key method

And this call opens up the microphone-- oops.

This call opens up the microphone, asking the user

for permission the first time, and gives us a Media Stream

object that represents the audio coming from my bass.

Subtitles ListPlay Video

Google I/O 2014 - Making music mobile with the Web

bit

applause

track

audience