Я разрабатываю приложение React Native, в котором пользователи могут просматривать список курсов из каталога Learning Planet. Курсы включают пакеты SCORM и видео, размещенные на YouTube и Vimeo. Мне нужно реализовать функционал для воспроизведения контента SCORM в качестве встроенного медиа в приложении с помощью WebView и для воспроизведения видео YouTube и Vimeo. Мне нужно руководство по интеграции их в видеоэкран моего приложения. В частности, мне нужна помощь с:
Встраиванием и воспроизведением контента SCORM с помощью react-native-webview. Встраиванием и воспроизведением видео YouTube с помощью react-native-youtube-iframe. Встраиванием и воспроизведением видео Vimeo с помощью react-native-webview или другой подходящей библиотеки. Буду очень признателен за любые советы по передовому опыту или потенциальным проблемам, о которых мне следует знать.
Я успешно создал список курсов с помощью FlatList в React Native. Для контента SCORM я попытался использовать react-native-webview для загрузки URL-адреса пакета SCORM, ожидая, что контент будет отображаться и функционировать в приложении. Для видео YouTube я использовал react-native-youtube-iframe, а для видео Vimeo я попытался использовать react-native-webview для встраивания URL-адресов видео.
Я ожидал, что контент SCORM будет отображаться интерактивно в WebView и что видео YouTube и Vimeo будут воспроизводиться без проблем. Однако контент SCORM не загружается так, как ожидалось, и есть проблемы с некоторыми видео, которые воспроизводятся неправильно. Я не уверен, упускаю ли я какие-либо шаги настройки или есть лучший подход к обработке этого типа контента в React Native.