|
@@ -27,22 +27,10 @@ const Playerbar = ({ player, playTrack, pauseTrack, switchTrack, setTrackVolume,
|
|
|
onChange={(e) => setCurrentTime(e.target.value)}
|
|
|
/>
|
|
|
<div style={{display:"flex", justifyContent:"space-between", width:'95%', margin:'0 auto'}}>
|
|
|
- {/* <small style={{margin: '0 10px'}}>
|
|
|
- {Math.floor((_player?.currentTime / 60) % 60) < 10?
|
|
|
- `0` + Math.floor((_player?.currentTime / 60) % 60) : Math.floor((_player?.currentTime / 60) % 60)} :
|
|
|
- {Math.floor(_player?.currentTime % 60) < 10?
|
|
|
- `0`+ Math.floor(_player?.currentTime % 60) : Math.floor(_player?.currentTime % 60)}
|
|
|
- </small> */}
|
|
|
<Timestamp time={_player?.currentTime} />
|
|
|
{_player ? (_player.track?.id3?.artist && _player.track?.id3?.title ?
|
|
|
<strong>{_player.track?.id3?.artist} - {_player.track?.id3?.title}</strong> :
|
|
|
<strong>{_player.track?.originalFileName}</strong>) : ''}
|
|
|
- {/* <small style={{margin: '0 10px'}}>
|
|
|
- {Math.floor((_player?.duration / 60) % 60) < 10?
|
|
|
- `0` + Math.floor((_player?.duration / 60) % 60) : Math.floor((_player?.duration / 60) % 60)} :
|
|
|
- {Math.floor(_player?.duration % 60) < 10?
|
|
|
- `0`+ Math.floor(_player?.duration % 60) : Math.floor(_player?.duration % 60)}
|
|
|
- </small> */}
|
|
|
<Timestamp time={_player?.duration} />
|
|
|
</div>
|
|
|
<div style={{marginTop:'0.5%'}}>
|