muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

removed audio player

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

71
src/components/media/AudioPlayer/index.jsx
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;

5
src/components/media/AudioPlayer/index.tsx Normal file
View file

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

14
src/redux/player/constants.ts
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,
},
};

3
src/redux/player/reducer.ts
View file

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

4
src/redux/store.ts
View file

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