diff --git a/src/component/mediaPlayer/view.js b/src/component/mediaPlayer/view.js
index b7162c3..53af706 100644
--- a/src/component/mediaPlayer/view.js
+++ b/src/component/mediaPlayer/view.js
@@ -341,6 +341,12 @@ class MediaPlayer extends React.PureComponent {
this.setState({ paused: true }, this.updateBackgroundMediaNotification);
};
+ handleSeek = time => {
+ const { currentTime } = this.state;
+ const newTime = currentTime + time;
+ this.seekTo(newTime);
+ };
+
updateBackgroundMediaNotification = () => {
this.handlePausedState();
const { backgroundPlayEnabled } = this.props;
@@ -362,14 +368,26 @@ class MediaPlayer extends React.PureComponent {
-
- {this.state.paused && }
- {!this.state.paused && }
-
+
+ this.handleSeek(-10)}>
+
+ 10
+
+
+
+ {this.state.paused && }
+ {!this.state.paused && }
+
+
+ this.handleSeek(10)}>
+
+ 10
+
+
- {this.state.fullscreenMode && }
- {!this.state.fullscreenMode && }
+ {this.state.fullscreenMode && }
+ {!this.state.fullscreenMode && }
{this.formatTime(this.state.currentTime)}
diff --git a/src/styles/mediaPlayer.js b/src/styles/mediaPlayer.js
index be345bf..42cdd0e 100644
--- a/src/styles/mediaPlayer.js
+++ b/src/styles/mediaPlayer.js
@@ -56,13 +56,41 @@ const mediaPlayerStyle = StyleSheet.create({
height: '100%',
},
playerControlsContainer: {
- backgroundColor: '#00000020',
+ backgroundColor: '#00000040',
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
- playPauseButton: {
+ midControls: {
+ flex: 1,
+ flexDirection: 'row',
+ height: 64,
position: 'absolute',
+ alignItems: 'center',
+ justifyContent: 'center',
+ },
+ midControlText: {
+ fontFamily: 'Inter-Regular',
+ fontSize: 10,
+ position: 'absolute',
+ top: 10,
+ color: Colors.White,
+ },
+ leftMidControlText: {
+ left: -6,
+ },
+ rightMidControlText: {
+ right: -6,
+ },
+ rewind10: {
+ marginRight: 48,
+ alignItems: 'center',
+ },
+ forward10: {
+ marginLeft: 48,
+ alignItems: 'center',
+ },
+ playPauseButton: {
width: 64,
height: 64,
alignItems: 'center',