Package Exports

react-cassette-player

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-cassette-player) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-cassette-player

Demo @ https://chadpaulson.github.io/react-cassette-player

Install

npm install react-cassette-player

Basic Usage

var React = require('react')
var Cassette = require('react-cassette-player')


var audioURI = "http://www.krecs.com/media/samples/sam_klp002_07_crashingthrough.mp3"
React.render(<Cassette file={audioURI} />, document.body)

Options


file	Required: URI of HTML5 audio resource you wish to play.
mimeType	Optional: `audio/mpeg` (default), `audio/ogg` or `audio/wav` string.
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: `react-cassette-player` (default) string.
scaleMethod	Optional: `meet` (default) or `slice` string. See preserveAspectRatio.

All options can be found in the demo implementation. Don't hesitate to ask questions.

Attribution

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.

Motivation

Desire to build a functional Noun while experimenting with React SVG support. Feedback and contributions are welcome.

Music

Courtesy of Echo Nest Labs and K Records.