Skip to content

Commit

Permalink
Merge pull request #11 from filiptronicek/patch-1
Browse files Browse the repository at this point in the history
Fixed links
  • Loading branch information
michaelbromley authored Sep 24, 2019
2 parents 853b976 + 7aa71e3 commit 5b000a1
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,21 @@ This is an experiment in using the web audio API together with canvas to make so

Since this is my first foray into the world of both canvas and web audio, I have slowly iterated over a number of ideas and trials which are all in the `/tests` folder.

The visual style was inspired by the artwork of the album ["The Resistance"] (https://en.wikipedia.org/wiki/File:Theresistance.jpg) by Muse.
The visual style was inspired by the artwork of the album ["The Resistance"](https://en.wikipedia.org/wiki/File:Theresistance.jpg) by Muse.

Thanks to [Soundcloud] (https://soundcloud.com) for providing a great open API!
Thanks to [Soundcloud](https://soundcloud.com) for providing a great open API!

# Demo

[Here's a working demo] (https://www.michaelbromley.co.uk/experiments/soundcloud-vis/#muse/undisclosed-desires). Enjoy and share!
[Here's a working demo](https://www.michaelbromley.co.uk/experiments/soundcloud-vis/#muse/undisclosed-desires). Enjoy and share!

**Update May 2015** - As of latest versions of Chrome (42+) and recent versions of Firefox, changes in the way cross-origin audio is handled mean this demo may not work. It's a well-known issue for everyone who's used the SoundCloud API for JavaScript visualizations (there are a lot of us).

Basically, the CORS headers are set inconsistently by the various CDN servers used by Soundcloud. This means that some tracks will work, and some tracks will fail to play altogether :(

# Instructions

Go to [https://soundcloud.com] (https://soundcloud.com) and find some music. From the individual song page, copy the url and paste it into the input of the visualizer, then hit enter or press the play button.
Go to [https://soundcloud.com](https://soundcloud.com) and find some music. From the individual song page, copy the url and paste it into the input of the visualizer, then hit enter or press the play button.

You'll notice that part of the the track URL is added to the visualizer's URL. This makes it possible to easily save or share the state. So, if you find a good track that looks cool with
the visualization that you want to share, just give the new URL to someone and when they load it up, it'll automatically start streaming and visualizing that track.
Expand Down

0 comments on commit 5b000a1

Please sign in to comment.