使用 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 播放视频时显示计时器