React native video player time duration

Я использую собственное видео для воспроизведения вещей, связанных с видео, в моем проекте. Что мне нужно сделать, так это получить продолжительность до загрузки ссылки на видеопроигрыватель? В дизайне необходимо отображать продолжительность видео перед переходом к видеоплееру. можем ли мы заархивировать это? Может ли кто-нибудь предложить способ сделать это? Я могу получить продолжительность после загрузки видео в видеопроигрыватель. отправлю код проигрывателя для вашей справки

   <TouchableOpacity
            style = {styles.videoView}
            onPress = {this.playOrPauseVideo.bind(this, paused)}>

            <Video
                ref = {videoPlayer => this.videoPlayer = videoPlayer}
                onEnd = {this.onVideoEnd.bind(this)}
                onLoad = {this.onVideoLoad.bind(this)}
                onProgress = {this.onProgress.bind(this)}
                source = {{ uri: this.props.detailedWorkout.videoLink }}
                paused = {paused}
                volume = {Math.max(Math.min(1, volume), 0)}
                resizeMode = "none"
                style = {Platform.OS === "android" ? styles.videoContainerAndroid : styles.videoContainerIOS} />

            {paused &&

                <View style = {styles.pauseImageWrapper}>
                    <Image style = {styles.videoIcon} source = {Platform.OS === "android" ? PlayOne : PlayTwo} />
                </View>
            }
        </TouchableOpacity>

Может спасибо за вашу помощь

Событие Video onLoad дает вам продолжительность. Вы можете использовать скрытый видеокомпонент со своей ссылкой, чтобы получить продолжительность.

Fawaz 19.09.2018 08:33
Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
5
1
2 608
0

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