如何在React Native中从mp4创建缩略图?

时间:2018-11-28 07:10:47

标签: javascript react-native

在尝试使用本机从mp4创建缩略图时,我遇到了问题,但我尝试了所有示例,但是最后一次尝试使用此插件https://github.com/lucasbento/react-native-thumbnail-video,如果使用youtube url成功,但是使用mp4网址无法显示缩略图,您可以使用此mp4网址测试https://filev4.subiz.com/fiqbjssxydufxauruqxi-video_test.mp4

这是我的结果,无法显示缩略图。

enter image description here

请任何人帮助我解决此问题,谢谢。

2 个答案:

答案 0 :(得分:0)

要为mp4文件创建缩略图,您需要在服务器上使用ffmpeg之类的实用程序。

答案 1 :(得分:0)

您可以使用 react-native-thumbnail npm 包创建 .mp4 视频的缩略图。以下是使用 react-native-thumbnail 包创建缩略图的示例:

import RNThumbnail from 'react-native-thumbnail';

getThumbnail = async (uri) => { // uri is the local path of the video
    try {
        RNThumbnail.get(uri).then((result) => {
           console.log("Thumbnail path: " + result.path); // thumbnail path
           this.setState({ thumbUri: result.path });
        });
      }
    } catch (exp) {
      console.log(exp);
    }
}