Few Minutes invite you also to our
performance tomorrow night's concert which

is related to this paper Crosstown Traffic
version two point zero and

you're all involved with it will be fun
the proceedings for all of the papers for

the conference are now online and so the
U.R.L. is there anyone who wants to look

at our specific paper for
more details it is there this projects

inspired by music on credit and also it's
in response to some of the pieces we saw

last year in performance black
two thousand and fifteen.

Our history goes back a long way including
a piece we collaborated on in one nine

hundred ninety six Crosstown Traffic
now retroactively one point zero nine

we're interested in the social technical
interactions of this whole aspect not just

the technical ones we're both
composers performers and

in addition to our other guises
the music concrete approach is for

the found objects for
our project is a series of audio files for

Hammond B three organ that
Bill composed and recorded and

also sound files on viola my instrument
which I composed and recorded.

For.

Sonic unity we decided to structure
the pitched elements into a stack two D.

Seven Sharp nine chord to give some
harmonic unity is there modified

sounds like this.

Or.

That chord and also a composition title
is A a personal Mas to a Jimi Hendrix

that's what it is because it's.

The composition is structured in a ten
minute arc ab a form quite loosely

referencing a classical sonata form and
this is designed to give large scale unity

across multiple performances tomorrow
night's concert is a second performance of

this piece we performed it in California
a few months ago and despite all

the differences on the small scale it will
retain this unity over the large scale.

Just nice.

The audio files we have sixteen of them
we've divided them into four sonic groups

four of them are organ
legato sounds four of them

are Viola legato sounds and we just give
you a sample this is one of the organ

sounds.

So bass work together harmonically even
though they're completely independent.

Yet it's fun so don't get the fact that
they're completely different sound files

they will always mesh together one of the
organ staccato sounds which is the third

field.

Because.

You don't do that.

Where you go.

Feet don't fail me now.

What was that about.

Comeback.

Computer let me say what I'm going to say.

They're very they're just second.

They're real one of the viola
staccato sound files which is me

knocking on the body of the viola.

But with the different places
on the wood resonance.

So the.
Four different fields we have

different roles three different roles
in performance I serve as the conductor

bill is the principal performer on
laptop and everybody in the audience you

are the house band using your
smartphones or tablets as instruments.

In performance we divide the performers
into four performing groups

identified by color and icon.

So that we can signal silently during
performance what we're going to be doing

the red heart group is the viola
Gado sounds the blue the eye

is the organ legato sounds
that green tree Viola

staccato in the yellow leaf organs to
Colorado so we have both color coded and

also icon coded for
those who maybe color blinded and

I somewhat raise my hand into that group.

In performance the conductor because
the performance you don't want me talking

because the music's happening
the performer of the conductor can cue

variance various performance
groups with a very handy.

Low tech sign which signals
that the in this case

the red heart group is about to do
something at which point I Q start and

stop and I have these for
each color group.

Once a group is performing the individual
performers in that group have a variety

of personal options with which
to improvise can start and

stop as well as choose four
different any of their four files

they can to select different playback
rates we have a preset playback rate so

that they harmonically always fit and
selecting playback rate randomly

selects a new rate which is going to one
which of course affects both duration and

pitch and then forward reverse which is
reverse play through the through the audio

file these three relatively simple
permutations when multiplied by the new.

People performance group actually provided
a very large number of results and

it's our hope that the performers within
that group group use their musical skills

to listen to each other and
fit him accordingly.

From the music point of view our
performance goals are to have fun

individual form performers should have fun
with the process yes serious music making

can and should be fun with a very high
level of performance performer choice

on the small just real scale while
the same time retaining large scale

a static control is always a ten minute or
always has an aviation shape

we cite John Cage if with is a static
of all inclusiveness as well as

very firm structural control
as a background for this and

our end result we hope is a very musically
satisfying performance of a final

of a formal music composition this point
I'll turn it over to my colleague Bill to

discuss some other aspects.

Thanks Brant so I'll talk a little bit
about what the the interface is like both

for both kinds of performers there's a bit
Leigh you're all there if you actually

want to go check it out should be life.

And the idea is to be really simple and
straightforward so the phone interface

there on your right once Brian assigns
that one in the audience of people or

sections you can use those icons on
the top to select which section you're in

you get big buttons for
each of the sounds that he talked about.

And I used a cheap and cheerful C.S.S.
animation to flip things

around depending on to show where they're
playing for their backwards and also

showed the playback right there in text so
it's quite straightforward.

The laptop interface is very similar
except that it gives me access to all

the sounds at once and
it lets me play is up to.

All of them at the same time whereas
because of the limitations of the phone

speaker we only have one of the sounds
playing at once on your phone

so this is the simple
interface that we've built and

I want to talk a little bit about how the
code is structured it's all up on get up

there should be a link in the paper
if you want to go check that out.

And I want to bring in a few ideas from.

The other work that I do at Mozilla which
is to talk about something that the chrome

developer team and the Firefox team are
together calling progressive Web Apps and

really the question I want you to
think about is what could you do if

your web audio project really had all
the Ford says of a native app and so

in particular I want to focus on
just the low fraction of getting

the experience onto your device and
being able to use it afterwards so

what you see here on the left is a very
simple Jaison specification which is

an app manifest spec that we've
got at the W three C. and

by adding a minute ten points to such a
file you get a much better experience for

your users if they want to add this to
the home screen so here I am looking at

the phone interface and I'm going to
choose this add to home screen option and

now when I go back to the home screen
of my Android phone I get a nice

high rez icon which is great and when I
launch it you see I get a splash screen

using that icon in the title I gave and
now the interface is running full screen

so there's no browser nonsense there's no
book Mars on that extraneous stuff that

distracts you from the musical experience
it's just the interface that you designed

right so you have a very low friction
experience I can give you a bit Li or L.

you go there if you like it
you can at the home screen and

you've got the whole experience
in a nice smooth natural way.

But wait there's more.

Because there's another A.P.I. that I went
to you know out called Service worker

which is very sophisticated one of
the things it can do is let you control

the caching of network resources.

So what I'm going to do here
in this demo is I'm going to

put my phone in airplane mode and

I'm going to launch a website which never
works right this is a guarantee disaster.

Guess what it just works because
all the script and sound files for

this experience for
cached you my service workers so

whether you have bad why fire or no wife I
once this thing has been added to the home

screen people can just use it and
it just works so I think these techniques

can really be a great synergy with what
we're already doing with my body to make

really great experiences that people
can rely on and come back to.

And so one of their two
more things I want to cover

first is separation of concerns
between the javascript code and

the the H.T.M.L.
that creates the interface you saw and

I've tried to move as much of the behavior
into attributes in the H.T.M.L.

so that I can change the beat
the resulting behavior without rewriting

the javascript code so here's an example
of the issue for one of those buttons and

by using have tributes I can change which
sound file it's using what the allowed

playback rates are whether that sound is
exclusive that causes all the other sounds

to stop and so forth and by that I
can create two H.T.M.L. files one for

the laptop interface and one for the phone
interface and reuse the same javascript so

it's a really nice way to separate those
concerns and you could grab this and

put your own sound files in there and
making a play back you why very quickly.

And then one other thing that I sort of
stumbled across well getting ready for

this is just all of the standard
techniques we use in any website for

example analytics so.

When we did our first performance I had
instrumented all those button presses with

a very simple Google Analytics code and so
I can tell you was anyone participating

I could hear their phones but I also have
numbers right so we have thirty three

people in our audience this is just
a screenshot from Google Analytics.

And I can tell you that there were
about seven thousand button presses

done by those thirty three
people in those ten minutes so

yeah people were actually playing along
and I can drill down here figure out which

sounds got more play
than the other ones did.

So that was a pretty neat benefit to you

using with technology it's really easy
to find out what people are doing.

So I think what was really successful
from technology side was splitting out

sort of configuration data putting that in
the H.T.M.L. and leaving that behavior as

generic as possible in javascript I really
think kind of preaching to the choir here

that the browser is now letting us deliver
these experiences in a really low friction

way I can't imagine an audience going to
the trouble installing a native app to do

this stuff.

And then our summary from the music
point of view you know in the field of

music performance it's a little bizarre
in that success is largely a subjective

decision and so
what I'm working with on this is that for

success is that the audience
performers enjoy what they're doing

which we hope will happen and
there's an ease of learning so

before tomorrow night's concert
we have I have three minutes to

rehearse the piece to explain how the game
is played and let's try a trial run and

that's got to get it going so it needs
to be learnable very very quick and

then a real perceived sense from each
performer that what the button I'm pushing

actually means something to
the overall performance or

I'm actually contributing
something worthwhile.

And so that's from of the performers
point of view at the same time we

want to have a musical arc that is a true
musical arc and we hope we maintain that

with this ten minute
structured composition that I

conduct following a score and a stopwatch
and at the same time having a great deal

maximum amount of flexibility by
each user at the small scale So

join us tomorrow night and find out if
that's a success or not thank you very

much.

Questions I guess you have time for
one or two questions yet.

Just one mind you.

This is going.

Well so thank you arrest for this
presentation was really interesting you

mentioned that the group is accessible and
good I was wondering

are you thinking about maybe commercial
use commercializing it already is it only

for performance and do you want
people to be able to produce it.

I think I think we offer it freely
in the in the spirit of mashups and

other people I'd love to see
other people grab it and

mess that all the sound files
are up there too by the way so

yeah it's pretty well out there and
yeah if it's useful to record.

Thank you.

Those are questions.

Down here from.

Super cool can't wait for
the Senate while.

You mentioned cage as an influence but

also curious if you thought about
the connections between this and

some of the John Zorn game pieces and
because that.

When I see the signs that's what
I think any COBRA is and even.

Yeah I mean there's a number of people
looking at it it's going to go back to

Brown there's lots of things where.

You know the less formalized approach but
it's still formalized but

in a funny way you know the ultimate at
the end result is that actually goes back

to our keynote this morning that it's not
about technology it's about people and

then you go back Well technology
is simply a set of tools right.

Fork is a tool so what's the tool
that gets the job done easiest

in the straightest line and so
like very cheesy color signs work and

they work really simply so that's
good you know so so there's you know

there's a lot of other people have looked
at it that approach it's let's not worry

about that the cool factor if it
gets the job done if you will.

And that is very cool because.

I get the question I say that.

I really love Jimi Hendrix but
he was an inventor.

F.X. you use to.

To make lots of feedback and so and
so that when you've got lots of

real time effect that you can do because
you can use off of the motion sensors

from the phones do you plan to
make it more Jimi Hendrix like

crazy Nace in front of the crowd we've
talked about that because you know there's

a you know the accelerometer is all this
is on there that's the next step and

which is you know that you know you start
with look at this stuff works and again in

a concert I've got three minutes to make
sure everyone knows what we're doing and

you make that as your first test that this
is going to work and then yeah there's one

things that yeah and for fog machines
of course that support the time for

another question.

Of the piece being called Music Conkwright
choir I was wondering if you considered

sort of the A Chris Matic reduction
like of P.R. Shaffer and choosing the.

The sounds that you used for the piece.

Well like in our case the Found Sound
you don't say fair but

go you know it like train study what he's
walking around Paris what can I find

well in our case it's similar What can I
find while I play viola Bill plays organ

that's are found you know and it's just
and it could be you know again someone

else can use it to find it it could be
jet airplanes it can be anything else so

they also say Faris be involved in this
is of course from that point of view but

I think also where.

A little bit at the mercy of
things she felt also knew.

A little more control right where at
the mercy of of the figures the response

of her body phone and

all that kind of stuff as well so
being she's you know turned up thank you.

OK We still have one minutes for
questions we don't skid you

wouldn't.

Understand that you were trying to.

Use what you guys are got to do this

it's a like this is what your workstation.

Like because it isn't.

I think our ends are more modest than
that really where I think it magine

that folks using this kind of code would
prepare the sound files in some other tool

like that this is more about just
making it really easy to produce these

interfaces that you would use in this kind
of performance yet so fairly narrow scope.

But I think well audio
gives the potential for

building those powerful tools in
the browser sure we're going to hear more

about that the rest of
the show of the conference.

OK.

The next questions will be
Friday Yes OK Thank you very much.