ITCamp 2013 - Andy Cross - Broadcasting Music from the Cloud

itcampro@ itcamp13# Premium conference on Microsoft technologies

Broadcasting Music from the Cloud

Andy Cross

Windows Azure MVP

Elastacloud

@andybareweb

blog.elastacloud.com


Private & Public

CloudHuge thanks to our sponsors!


Private & Public

Cloud

• Real Time Web

• Social media is the new telephone

• Spotify API

• Synchronicity

• SignalR

• Windows Azure Websites

• Service Bus

• ROCK!!!

Agenda


REAL TIME WEB

What is the

Any sufficiently advanced technology is indistinguishable from magic.

Arthur C Clarke


Private & Public

Cloud

• A history!

– HTML

– Javascript

– Iframes

– XmlHttp

– AJAX

– JSONP

– Web Sockets

Real Time Web


Facebooks’ Real Time Web

Facebook has multiple real time web features, such as the news

feed and messaging


Twitters’ Real Time Web

Twitter is perhaps the ultimate in real time web opportunities, but

even it struggles with *n more tweets*


Private & Public

Cloud

• With great advantages

– Instant messaging

– Responsive user interfaces

– Collaboration and sharing

• Come some great problems

– Scalability

• Concurrent connections

• Server load

– Complexity of client

Real time web pitfalls


SOCIAL MEDIA

If you want to share music, the 1990s were better than


Private & Public

Cloud

• Billions of users of facebook

• Imagine sharing music on there.

– READY. STEADY. GO!!!

• My real time is not your real time

• If we want to build engagement on

– Brand

– Concept

– Movement

• we must engage simultaneously

Social Media


Private & Public

CloudThe Real Time Web


SPOTIFY

Broadcast Music to


Private & Public

Cloud

• Spotify is a 4 year old ‘start up’

– Streaming music

– Integrated apps

• Apps are written in HTML5 and JS

– Chromium Embedded

• Its API for apps gives every song a URI

– spotify:track:12345679abc

• We will distribute these URIs along with a

Play command

Spotify


Private & Public

Cloud

function playTrack(data) {

console.log(data);

player.playTrack(models.Track.fromURI(data)).d

one(function ()

{

//this is a promise update the ui maybe

});

Example Spotify code


Private & Public

Cloud

• Introducing Goose

• Geese fly together.

• Geese fly in flocks.

• There is a lead goose in the flock

• The rest are tail geese.

• Geese honk

• Geese sing

• Geese flap

Using the Real Time Web to fix this


SYNCHRONICITY?

But how do we achieve


Private & Public

Cloud

• We can send a Play command to individuals.

• How can we combine the Real Time Web

with this?

My real time is not your real time


Private & Public

Cloud

• We cannot just send PLAY commands

– What if we join part way through a song

– Nothing would be played until we completed the

song

• We also track the LEAD GOOSE’s position

My real time is not your real time


ASP.NET SIGNALR

Technologies for the Real Time Web


Private & Public

CloudWhat does SignalR try to fix?

Here’s some data!


Private & Public

CloudHow does it fix it?

Yeah, dude!


Private & Public

CloudComponents


WINDOWS AZURE WEBSITES

Scalable Hosting


Private & Public

Cloud

• Start on Free

– And continue for dev/test

• Production uses Reserved Mode

– Custom URL

– Scalable as easily as:

Not a lightweight option


SERVICE BUS BACKPLANE

SignalR scale out


Private & Public

CloudScaling with the Service Bus


ROCK! HONK!

Enough talk!


Q & A

Technology

ITCamp 2013 - Andy Cross - Broadcasting Music from the Cloud