diff --git a/app/src/component/fileItemMedia/view.js b/app/src/component/fileItemMedia/view.js index e403c303..3a3abbd7 100644 --- a/app/src/component/fileItemMedia/view.js +++ b/app/src/component/fileItemMedia/view.js @@ -1,8 +1,8 @@ import React from 'react'; import { ActivityIndicator, Image, Text, View } from 'react-native'; -import Colors from '../../styles/colors'; +import Colors from 'styles/colors'; import FastImage from 'react-native-fast-image' -import fileItemMediaStyle from '../../styles/fileItemMedia'; +import fileItemMediaStyle from 'styles/fileItemMedia'; class FileItemMedia extends React.PureComponent { static AUTO_THUMB_STYLES = [ diff --git a/app/src/component/mediaPlayer/view.js b/app/src/component/mediaPlayer/view.js index 67f5667d..f55cbc25 100644 --- a/app/src/component/mediaPlayer/view.js +++ b/app/src/component/mediaPlayer/view.js @@ -9,10 +9,11 @@ import { ScrollView, TouchableOpacity } from 'react-native'; +import FastImage from 'react-native-fast-image' import Video from 'react-native-video'; import Icon from 'react-native-vector-icons/FontAwesome5'; -import FileItemMedia from '../fileItemMedia'; -import mediaPlayerStyle from '../../styles/mediaPlayer'; +import FileItemMedia from 'component/fileItemMedia'; +import mediaPlayerStyle from 'styles/mediaPlayer'; class MediaPlayer extends React.PureComponent { static ControlsTimeout = 3000; @@ -358,6 +359,13 @@ class MediaPlayer extends React.PureComponent { onEnd={this.onEnd} /> + {this.state.firstPlay && thumbnail && + } + {this.renderPlayerControls()} diff --git a/app/src/page/file/view.js b/app/src/page/file/view.js index 1fed1d9c..b30ab0c6 100644 --- a/app/src/page/file/view.js +++ b/app/src/page/file/view.js @@ -531,6 +531,7 @@ class FilePage extends React.PureComponent { onMediaLoaded={() => this.onMediaLoaded(channelName, title, uri)} onPlaybackStarted={this.onPlaybackStarted} onPlaybackFinished={this.onPlaybackFinished} + thumbnail={metadata.thumbnail} />} {showActions && diff --git a/app/src/styles/mediaPlayer.js b/app/src/styles/mediaPlayer.js index 0ca8bd76..a243f2a6 100644 --- a/app/src/styles/mediaPlayer.js +++ b/app/src/styles/mediaPlayer.js @@ -7,6 +7,13 @@ const mediaPlayerStyle = StyleSheet.create({ width: '100%', height: '100%' }, + playerThumbnail: { + position: 'absolute', + left: 0, + top: 0, + width: '100%', + height: '100%', + }, container: { flex: 1, paddingBottom: 16