mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
removed audio player
This commit is contained in:
parent
42fdb1290a
commit
d3138bd7bd
5 changed files with 5 additions and 92 deletions
|
@ -1,71 +0,0 @@
|
|||
import React from 'react';
|
||||
import { AUDIO_PLAYER_OPTIONS } from '~/redux/player/constants';
|
||||
|
||||
import JPlayer, {
|
||||
initializeOptions,
|
||||
Gui,
|
||||
SeekBar,
|
||||
BufferBar,
|
||||
Poster,
|
||||
Audio,
|
||||
Title,
|
||||
FullScreen,
|
||||
Mute,
|
||||
Play,
|
||||
PlayBar,
|
||||
Repeat,
|
||||
VolumeBar,
|
||||
Duration,
|
||||
CurrentTime,
|
||||
Download,
|
||||
BrowserUnsupported,
|
||||
} from 'react-jplayer';
|
||||
|
||||
initializeOptions(AUDIO_PLAYER_OPTIONS);
|
||||
|
||||
export const AudioPlayer = () => (
|
||||
<JPlayer id={AUDIO_PLAYER_OPTIONS.id} className="jp-sleek">
|
||||
<Audio />
|
||||
<Gui>
|
||||
<div className="jp-controls jp-icon-controls">
|
||||
<Play>
|
||||
<i className="fa">{/* Icon set in css */}</i>
|
||||
</Play>
|
||||
<Repeat>
|
||||
<i className="fa fa-repeat" />
|
||||
</Repeat>
|
||||
<div className="jp-progress">
|
||||
<SeekBar>
|
||||
<BufferBar />
|
||||
<PlayBar />
|
||||
<CurrentTime />
|
||||
<Duration />
|
||||
</SeekBar>
|
||||
</div>
|
||||
<div className="jp-volume-container">
|
||||
<Mute>
|
||||
<i className="fa">{/* Icon set in css */}</i>
|
||||
</Mute>
|
||||
<div className="jp-volume-slider">
|
||||
<div className="jp-volume-bar-container">
|
||||
<VolumeBar />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<FullScreen>
|
||||
<i className="fa fa-expand" />
|
||||
</FullScreen>
|
||||
<Download>
|
||||
<i className="fa fa-download" />
|
||||
</Download>
|
||||
<div className="jp-title-container">
|
||||
<Poster />
|
||||
<Title />
|
||||
</div>
|
||||
</div>
|
||||
<BrowserUnsupported />
|
||||
</Gui>
|
||||
</JPlayer>
|
||||
);
|
||||
|
||||
export default AudioPlayer;
|
5
src/components/media/AudioPlayer/index.tsx
Normal file
5
src/components/media/AudioPlayer/index.tsx
Normal file
|
@ -0,0 +1,5 @@
|
|||
import React from 'react';
|
||||
|
||||
export const AudioPlayer = () => <div>PLAYER</div>;
|
||||
|
||||
export default AudioPlayer;
|
Loading…
Add table
Add a link
Reference in a new issue