|
|
|
@ -1,4 +1,4 @@ |
|
|
|
import { isIOS, isMobileDevice } from 'config/userAgent' |
|
|
|
import { isMobileDevice } from 'config/userAgent' |
|
|
|
|
|
|
|
|
|
|
|
import { Loader } from 'features/Loader' |
|
|
|
import { Loader } from 'features/Loader' |
|
|
|
import { VideoPlayer } from 'features/VideoPlayer' |
|
|
|
import { VideoPlayer } from 'features/VideoPlayer' |
|
|
|
@ -16,8 +16,6 @@ import { |
|
|
|
Forward, |
|
|
|
Forward, |
|
|
|
ControlsGradient, |
|
|
|
ControlsGradient, |
|
|
|
TeamsDetailsWrapper, |
|
|
|
TeamsDetailsWrapper, |
|
|
|
WarningIosText, |
|
|
|
|
|
|
|
WarningIosWrapper, |
|
|
|
|
|
|
|
} from './styled' |
|
|
|
} from './styled' |
|
|
|
import type { Props } from './hooks' |
|
|
|
import type { Props } from './hooks' |
|
|
|
import { useVideoPlayer } from './hooks' |
|
|
|
import { useVideoPlayer } from './hooks' |
|
|
|
@ -76,7 +74,6 @@ export const StreamPlayer = (props: Props) => { |
|
|
|
videoRef, |
|
|
|
videoRef, |
|
|
|
volume, |
|
|
|
volume, |
|
|
|
volumeInPercent, |
|
|
|
volumeInPercent, |
|
|
|
warningText, |
|
|
|
|
|
|
|
wrapperRef, |
|
|
|
wrapperRef, |
|
|
|
} = useVideoPlayer(props) |
|
|
|
} = useVideoPlayer(props) |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
@ -93,19 +90,10 @@ export const StreamPlayer = (props: Props) => { |
|
|
|
<LoaderWrapper buffering={buffering}> |
|
|
|
<LoaderWrapper buffering={buffering}> |
|
|
|
<Loader color='#515151' /> |
|
|
|
<Loader color='#515151' /> |
|
|
|
</LoaderWrapper> |
|
|
|
</LoaderWrapper> |
|
|
|
{isIOS |
|
|
|
<LoaderWrapper buffering={buffering}> |
|
|
|
? ( |
|
|
|
<Loader color='#515151' /> |
|
|
|
<WarningIosWrapper> |
|
|
|
</LoaderWrapper> |
|
|
|
<WarningIosText> |
|
|
|
|
|
|
|
{warningText} |
|
|
|
|
|
|
|
</WarningIosText> |
|
|
|
|
|
|
|
</WarningIosWrapper> |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
: ( |
|
|
|
|
|
|
|
<LoaderWrapper buffering={buffering}> |
|
|
|
|
|
|
|
<Loader color='#515151' /> |
|
|
|
|
|
|
|
</LoaderWrapper> |
|
|
|
|
|
|
|
)} |
|
|
|
|
|
|
|
<VideoPlayer |
|
|
|
<VideoPlayer |
|
|
|
width='100%' |
|
|
|
width='100%' |
|
|
|
height='100%' |
|
|
|
height='100%' |
|
|
|
|