Responsive HTML5 Music Player Component For React

Author: lijinke666
Views Total: 798
Official Page: Go to website
License: MIT

A beautiful, responsive, themeable HTML5 music player component for React.

Installation:

# NPM
$ npm install react-jinke-music-player --save

Usage:

import React from "react"
import ReactDOM from "react-dom"
import ReactJkMusicPlayer from "react-jinke-music-player"
import "react-jinke-music-player/assets/index.css"

ReactDOM.render(
  <ReactJkMusicPlayer {options} />,
  document.getElementById('root')
)

Props.

audioLists: [],
theme: "drak",
mode: "mini",
playModeText: {
  order: "order",
  orderLoop: "orderLoop",
  singleLoop: "singleLoop",
  shufflePlay: "shufflePlay"
},
defaultPlayMode: "order",
defaultPosition: {
  left: 0,
  top: 0
},
controllerTitle: <FaHeadphones />,
isUploadAudio: false,
name: "",
panelTitle: "PlayList",
closeText: "close",
openText: "open",
notContentText: "no music",
checkedText: "",
unCheckedText: "",
once: false,     
isMove: false,
drag: true,
toggleMode: true,  
showMiniModeCover: true,   
showDowload: true,
showPlay: true,
showReload: true,
showPlayMode: true,
showThemeSwitch: true,
playModeTipVisible: false, 
autoplay: true

Preview:

Responsive HTML5 Music Player Component For React