反应式播放器
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支持时构建功能名词。欢迎反馈和贡献。
