反应式播放器
demo @ https://chadpaulson.*gi*th*ub.io/reeact-cassette-player/
安装
npm install react-cassette-player
基本用法
var React = require ( 'react' )
var ReactDOM = require ( 'react-dom' )
var Cassette = require ( 'react-cassette-player' )
var audio = 'https://wavves.**s*3.amazonaws.com/la.mp3'
ReactDOM . render ( < Cassette src = { audio } /> , document . body ) 道具
| src | 必需：您希望播放的HTML5音频资源的URI。 |
| 预付 | 可选： metadata （默认）， auto或none 。 |
| 模仿 | 可选： audio/mpeg （默认）， audio/ogg或audio/wav字符串。 |
| 卡塞特赛 | 可选：RGB或十六进制字符串。 |
| LabelColor | 可选：RGB或十六进制字符串。 |
| 磁带 | 可选：RGB或十六进制字符串。 |
| ControlScolor | 可选：RGB或十六进制字符串。 |
| contionerclass | 可选： react-cassette-player （默认）字符串。 |
| scalemethod | 可选： meet （默认）或slice字符串。请参阅Preservectectratio。 |
所有道具都可以在演示源中引用。不要犹豫提问。
归因
React-Cossette-player使用的SVG图标是获得许可的创意共享（CC By 3.0），必须由名词项目购买。否则，您必须将以下归因添加到您的项目中。
由名词项目的BjörnAndersson设计的播放图标。名词项目的Daniel Llamas Soto设计的录像带。
音乐
演示音频由Echo Nest Labs提供。
动机
渴望在实验React SVG支持时构建功能名词。欢迎反馈和贡献。
下载源码
通过命令行克隆项目:
git clone https://github.com/chadpaulson/react-cassette-player.git