rn视频播放集成react-native-yz-vlcplayer

最新推荐文章于 2024-07-19 13:24:27 发布

不吃鱼的猫miao~

最新推荐文章于 2024-07-19 13:24:27 发布

阅读量201

点赞数 2

文章标签：音视频 react native

本文链接：https://blog.csdn.net/icon_sun/article/details/139864200

版权

rn视频播放

集成react-native-yz-vlcplayer

经测试可以播放.m3u8视频和萤石视频，云台功能开发代码就不上传了

import {VlcSimplePlayer} from "react-native-yz-vlcplayer";

 <VlcSimplePlayer
    url={this.state.playCamera.VIDEO_STREAM_FLV ? this.state.playCamera.VIDEO_STREAM_FLV : ''}
    autoplay={true}
    onBuffering={console.log("onBuffering......")}
    onOpen={console.log("onOpen......")}
    onLoadStart={console.log("onLoadStart......")}
    onError={console.log("onError......")}
    onStartFullScreen={() => {
      this.props.navigation.navigate('VideoFullScreen', {data: this.state.playCamera});
    }}
    style={{flex: 1}}
    onCloseFullScreen={() => {
      // this.setState({isFullScreen: false});
    }}
    fullStyle={{flex: 1}}
  />