加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

如何使用react-native-camera录制视频

发布时间:2020-12-15 20:31:23 所属栏目:百科 来源:网络整理
导读:所以我正在开发一个项目,该项目使用了 https://github.com/lwansbrough/react-native-camera的反应原生摄像机并使其正常工作.该组件将采用视频,数据将在Xcode的控制台中打印.不幸的是,我在计算机上丢失了这个文件和其他几个文件,并且从头开始重新启动应用程
所以我正在开发一个项目,该项目使用了 https://github.com/lwansbrough/react-native-camera的反应原生摄像机并使其正常工作.该组件将采用视频,数据将在Xcode的控制台中打印.不幸的是,我在计算机上丢失了这个文件和其他几个文件,并且从头开始重新启动应用程序.我一直试图重新创建具有视频录制功能的摄像机,但却无法使其正常工作.有人知道我做错了什么,因为我似乎无法弄明白.当我将captureMode更改为相机时,数据将打印出来,但视频不会发生任何事情.这是我的组件:

let startVideo = false;

class VideoCamera extends Component {
  constructor() {
    super()
    this.state = {
      captureMode: Camera.constants.CaptureMode.video,}
  }
  render() {
    return (
      <Camera
          captureMode={this.state.captureMode}
          ref="camera"
          style={styles.container}
      >
      <TouchableHighlight
          onPressIn={this._startRecord.bind(this)}
          onPressOut={this._endVideo.bind(this)}
      >
      <Icon
          name={'video-camera'}
          size={40}
          style={styles.recordButton}
      />
        </TouchableHighlight>
        </Camera>
      )
  }

  _startRecord() {
    startVideo = setTimeout(this._recordVideo.bind(this),50)
  }

  _recordVideo() {
    this.refs.camera.capture({})
      .then((data) => console.log(data))
      .catch((err) => console.log(err))
  }

  _endVideo() {
    this.refs.camera.stopCapture()
  }

}

解决方法

在_recordVideo方法中,您将空对象传递给camera.capture,而应传递指定捕获模式的对象.试试这个版本的_recordVideo:

_recordVideo() {
  this.refs.camera.capture({mode: Camera.constants.CaptureMode.video})
    .then((data) => console.log(data))
    .catch((err) => console.log(err))
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读