Simple ReactJS HTML5 audio player component built with SVG icons from The Noun Project.
npm install react-cassette-player

Demo @ https://chadpaulson.github.io/react-cassette-player
```
npm install react-cassette-player
`javascript
var React = require('react')
var ReactDOM = require('react-dom')
var Cassette = require('react-cassette-player')
var audio = 'http://www.krecs.com/media/samples/sam_klp002_07_crashingthrough.mp3'
ReactDOM.render(
`
| | |
|----------------|----------------------|
| src | Required: URI of HTML5 audio resource you wish to play. |
| preload | Optional: metadata (default), auto or none. |audio/mpeg
| mimeType | Optional: (default), audio/ogg or audio/wav string. |react-cassette-player
| cassetteColor | Optional: RGB or HEX string. |
| labelColor | Optional: RGB or HEX string. |
| tapeColor | Optional: RGB or HEX string. |
| controlsColor | Optional: RGB or HEX string. |
| containerClass | Optional: (default) string. |meet
| scaleMethod | Optional: (default) or slice` string. See preserveAspectRatio. |
All props can be referenced in the demo source. Don't hesitate to ask questions.
SVG icons used by react-cassette-player are licensed Creative Commons (CC BY 3.0) and must be purchased by the Noun Project. Otherwise, you must add the following attribution to your project.
> Play icon designed by Björn Andersson from the Noun Project.
> Cassette icon designed by Daniel Llamas Soto from the Noun Project.
Desire to build a functional Noun while experimenting with React SVG support. Feedback and contributions are welcome.
Courtesy of Echo Nest Labs and K Records.