44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
import { Image } from 'expo-image'
|
|
import { memo, useEffect, useState } from 'react'
|
|
import { ViewStyle } from 'react-native'
|
|
import Video from 'react-native-video'
|
|
|
|
type Props = {
|
|
url?: string
|
|
poster?: string
|
|
style?: ViewStyle
|
|
} & React.ComponentProps<typeof Video>
|
|
|
|
const VideoBox = ({ url, poster, style, ...videoProps }: Props) => {
|
|
const [paused, setPaused] = useState(true)
|
|
|
|
useEffect(() => {
|
|
console.log('url--------', url);
|
|
|
|
setPaused(!Boolean(url))
|
|
}, [url])
|
|
|
|
const createUrl = (url: string)=>`https://modal-dev.bowong.cc/api/custom/video/converter/${encodeURI(url)}?options=compression_level=3,quality=70,loop=true,resolution=120x120,fps=24`
|
|
|
|
return (
|
|
// 当 url 变化时通过 key 强制重载，确保自动播放生效
|
|
// <Video
|
|
// key={url ?? 'no-url'}
|
|
// source={{ uri: url }}
|
|
// poster={poster}
|
|
// repeat
|
|
// viewType={0}
|
|
// controls={false}
|
|
// resizeMode="cover"
|
|
// volume={0}
|
|
// muted
|
|
// paused={paused}
|
|
// style={style as any}
|
|
// {...videoProps}
|
|
// />
|
|
<Image source={{ uri: url ? createUrl(url) : '' }} style={style as any} />
|
|
)
|
|
}
|
|
|
|
export default memo(VideoBox)
|