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')


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

Options

option
file	Required: URI of HTML5 audio resource you wish to play.
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).
scaleMethod	Optional: 'meet' (default) or 'slice'. See preserveAspectRatio

All of the possible cassette player options can be found in the demo implementation.

Attribution

SVG icons used by this project are licensed as Creative Commons (CC BY 3.0) and must be purchased by the Noun Project. Otherwise, you must add the following attributions 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.

Feedback and contributions are welcome!

Motivation

Desire to build a functional Noun while experimenting with React SVG support.