1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00

removed audio player

This commit is contained in:
Fedor Katurov 2019-10-10 17:38:19 +07:00
parent 42fdb1290a
commit d3138bd7bd
5 changed files with 5 additions and 92 deletions

View file

@ -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;

View file

@ -0,0 +1,5 @@
import React from 'react';
export const AudioPlayer = () => <div>PLAYER</div>;
export default AudioPlayer;

View file

@ -1,14 +0,0 @@
export const AUDIO_PLAYER_OPTIONS = {
id: 'AudioPlayer',
keyEnabled: true,
verticalVolume: true,
media: {
title: 'Bubble',
artist: 'Miaow',
sources: {
m4a: 'http://jplayer.org/audio/m4a/Miaow-07-Bubble.m4a',
oga: 'http://jplayer.org/audio/ogg/Miaow-07-Bubble.ogg',
},
free: true,
},
};

View file

@ -1,3 +0,0 @@
import { reducer } from 'react-jplayer';
export default reducer;

View file

@ -19,8 +19,6 @@ import flowSaga from '~/redux/flow/sagas';
import uploadReducer, { IUploadState } from '~/redux/uploads/reducer';
import uploadSaga from '~/redux/uploads/sagas';
import playerReducer from '~/redux/player/reducer';
import { IAuthState } from '~/redux/auth/types';
import modalReducer, { IModalState } from '~/redux/modal/reducer';
@ -38,7 +36,6 @@ export interface IState {
node: INodeState;
uploads: IUploadState;
flow: IFlowState;
player: any;
}
export const sagaMiddleware = createSagaMiddleware();
@ -57,7 +54,6 @@ export const store = createStore(
node: nodeReducer,
uploads: uploadReducer,
flow: flowReducer,
player: playerReducer,
}),
composeEnhancers(applyMiddleware(routerMiddleware(history), sagaMiddleware))
);