KO
|
EN
gitlite โ search
Search
#javascript
#python
#hacktoberfest
#react
#ai
#typescript
#llm
#go
#golang
#android
#machine-learning
#rust
#deep-learning
#linux
react-cd-player
โ 8
Open GitHub โ
React-based music player
Download README (.md)
Explore Similar Repositories
nanobaro
:
NMEA barometric pressure and temperature sensor using Arduino Nano and BMP180
obihai2mqtt
:
Forward obihai lines states to MQTT.
redux-consumer-toolkit
:
A toolkit for combining and composing redux-style reducer/selector functions.
moonview
:
MV** lua framework for fengari
iot-maneki-neko
:
๐ฑ IoT Maneki-Neko (Beckoning Cat, Luck Cat, Winkekatze)
// repository documentation
Was this content helpful?
โ 0
(0 ratings)
Select Rating:
โ
โ
โ
โ
โ
Submit Feedback
Recent Feedback
×
Download README
Do you want to download the
README.md
file for
react-cd-player
?
Download (.md)
# React-CD-Player test  ## Installation ```js npm install --save react-cd-player yarn add react-cd-player ``` ## Usage ```js import React, { Component } from 'react'; import CdPlayer from 'react-cd-player' class App extends Component { onPlay=()=>{ console.log('App onplay') } onPause=()=>{ console.log('App onPause') } render() { const musicList =[{ "id": 1, "title": "่ฟฝๅ ่ ", "artist": "ๅฒๅฎๅฟ", "cover": require('./assets/images/01.jpg'), "mp3": 'http://cdn.awbeci.com/music/react-cd-player/01.mp3' }, { "id": 2, "title": "่ขซ้ฃๅน่ฟ็ๅคๅคฉ", "artist": "ๆไฟๆฐ-้็บฑ", "cover": require('./assets/images/02.jpg'), "mp3": 'http://cdn.awbeci.com/music/react-cd-player/02.mp3' }, { "id": 3, "title": "ๅฐ้ ็ช", "artist": "ๆไฟๆฐ-้ฟsa", "cover": require('./assets/images/03.jpg'), "mp3": 'http://cdn.awbeci.com/music/react-cd-player/03.mp3' }] return ( <div className="App"> <CdPlayer musicList={musicList} onPlay={this.onPlay} onPause={this.onPause}/> </div> ); } } export default App; ``` ## property ### musicList:array ``` [{ "id": 1, "title": "่ฟฝๅ ่ ", "artist": "ๅฒๅฎๅฟ", "cover": require('./assets/images/01.jpg'), "mp3": 'http://cdn.awbeci.com/music/react-cd-player/01.mp3' }] ``` ## methods & events ### onPlay ### onPause ## reference [pixiv](https://github.com/LoveLiveSunshine/pixiv.moe) [LoveLiveSunshine](https://github.com/LoveLiveSunshine/LoveLiveSunshine.github.io) [material-ui](https://github.com/callemall/material-ui) [material-ui-icons](https://github.com/MODX-Club/material-ui-icons)
