使用 react-native-video 播放视频时显示计时器

Posted

技术标签:

【中文标题】使用 react-native-video 播放视频时显示计时器【英文标题】:Show Timer while playing video using react-native-video 【发布时间】:2018-05-26 10:50:36 【问题描述】:

我的项目要求在播放视频时显示计时器。我知道 React Native 中有可用的库,但我的要求是在视频播放器下方显示计时器。随着视频的进行,时间应该会减少,直到视频完成。请帮帮我。

提前致谢:)

【问题讨论】:

【参考方案1】:

最后我自己解决了。

我只是使用了以下方法:

<Video
          resizeMode='contain'
          style= height: 312 
          url=url
          placeholder="https://baconmockup.com/300/200/"
          onProgress=e => this.progress(e)
          ref=(ref) =>  this.video = ref 
        />

progress(e) 
    console.warn('Time' + parseInt(e.currentTime))
  

我正在使用 react-native-af-video-player 并且 onProgress 解决了我由 react-native-video 提供的目的。

【讨论】:

以上是关于使用 react-native-video 播放视频时显示计时器的主要内容,如果未能解决你的问题,请参考以下文章

使用来自 firebase 存储的 react-native-video 播放视频

如何使用 react-native-video 从谷歌驱动器播放视频?

在 react-native-video 中,视频播放完毕后如何重置视频播放器?

使用 react-native-video 播放视频时显示计时器

使用 react-native-video (Android) 在加载和视频播放之间反应原生黑屏一秒钟

react-native-video 同时播放单独的视频和音轨?