Как создать эскиз из mp4 в React Native?

У меня возникла проблема с созданием эскиза из mp4 в собственном реагировании, я пробовал, но все примеры терпят неудачу, и в последний раз я пытаюсь использовать этот плагин https://github.com/lucasbento/react-native-thumbnail-video, если использование URL-адреса youtube является успешным, но при использовании URL-адреса mp4 не может отображаться эскиз, вы можете использовать этот URL-адрес mp4 для тестирования https://filev4.subiz.com/fiqbjssxydufxauruqxi-video_test.mp4.

Это мой результат, эскиз не отображается.

Как создать эскиз из mp4 в React Native?

Пожалуйста, помогите мне решить эту проблему, спасибо.

Пробовали эту библиотеку? «github.com/react-native-community/react-native-video»

TheHound.developer 28.11.2018 08:21

Отвечает ли это на ваш вопрос? React Native создает миниатюру для URL-адреса видео

Souvik Ghosh 22.12.2019 09:20
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
2
2 895
2

Ответы 2

Для создания эскизов файлов mp4 вам понадобится служебная программа на сервере, например ffmpeg.

Вы можете создать эскиз видео в формате .mp4 с помощью пакета npm реагировать-native-thumbnail. Вот пример создания миниатюр с использованием пакета response-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.info("Thumbnail path: " + result.path); // thumbnail path
           this.setState({ thumbUri: result.path });
        });
      }
    } catch (exp) {
      console.info(exp);
    }
}

Другие вопросы по теме