리액트 뮤직 플레이어

give me your tracks list, and i'll give you must state, functionalities you need for create a music player

설치

npm install --save reaplay 

yarn add reaplay

용법

import React from 'react'
import {Reaplay} from 'reaplay'

export default function App() {
   const songList = [
     "songSrc", // url song (https://example.com/song.mp3)
     "songSrc", // url song
     require("./songSrc"), //local song,
   ]

   return (
     //                         optional ↓
     <Reaplay tracks={songList} startIndex={2}>
        {(player) => {

           console.log("loading :", player.isLoading)

           return (
              // your player
           )
        }}
     </Reaplay>
   )
}

"tracks" prop is required but "startIndex" is optional prop

플레이어의 일부 상태(예시)

플레이어의 일부 기능(예시)

예시