如何显示本地视频的缩略图答案

【问题标题】：How to display a thumbnail of a local video如何显示本地视频的缩略图
【发布时间】：2022-09-24 16:42:02
【问题描述】：

您知道显示本地视频缩略图的库/方法吗？我使用 react-native-image-picker 从我的设备中选择一个视频，我想在视图或平面列表中显示该视频的缩略图，以防有多个选择

【解决方案1】：

您可以使用以下插件从本地路径获取缩略图

https://github.com/phuochau/react-native-thumbnail#readme

import RNThumbnail from 'react-native-thumbnail';
let getFilePath = ''
RNThumbnail.get(filepath).then((result) => {
 console.log(result.path); // thumbnail path
 getFilePath = result.path;
})

获取显示路径后，您可以使用 react-native-video 进行播放和显示

react-native-video 并使用以下代码

<Video source={{ uri: getFilePath }} pause={true} />

希望这对你有用。

【讨论】：

【解决方案2】：

如果您正在使用 Expo 并且没有部署到 Web，则此软件包将为您完成工作：https://docs.expo.dev/versions/latest/sdk/video-thumbnails/

【讨论】：