Samuel Newman
21e214c235
* set auto category to ambient every time a new player is made * mute on foregrounding * remember previous state --------- Co-authored-by: Samuel Newman <10959775+mozzius@users.noreply.github.com> Co-authored-by: Hailey <me@haileyok.com>
41 lines
924 B
TypeScript
41 lines
924 B
TypeScript
/* eslint-disable @typescript-eslint/no-shadow */
|
|
import React from 'react'
|
|
import {View} from 'react-native'
|
|
import {useVideoPlayer, VideoView} from 'expo-video'
|
|
|
|
import {CompressedVideo} from '#/lib/media/video/compress'
|
|
import {ExternalEmbedRemoveBtn} from 'view/com/composer/ExternalEmbedRemoveBtn'
|
|
import {atoms as a} from '#/alf'
|
|
|
|
export function VideoPreview({
|
|
video,
|
|
clear,
|
|
}: {
|
|
video: CompressedVideo
|
|
clear: () => void
|
|
}) {
|
|
const player = useVideoPlayer(video.uri, player => {
|
|
player.loop = true
|
|
player.muted = true
|
|
player.play()
|
|
})
|
|
|
|
return (
|
|
<View
|
|
style={[
|
|
a.w_full,
|
|
a.rounded_sm,
|
|
{aspectRatio: 16 / 9},
|
|
a.overflow_hidden,
|
|
]}>
|
|
<VideoView
|
|
player={player}
|
|
style={a.flex_1}
|
|
allowsPictureInPicture={false}
|
|
nativeControls={false}
|
|
/>
|
|
<ExternalEmbedRemoveBtn onRemove={clear} />
|
|
</View>
|
|
)
|
|
}
|