Wie man ein Video mit der reaktionsnativen Kamera aufnimmt

Question

Also arbeitete ich an einem Projekt, das die reaktionsnative Videokamera von https://github.com/lwansbrough/react-native-camera verwendete und funktionierte. Die Komponente würde Videos aufnehmen und die Daten würden in der Xcode-Konsole gedruckt werden. Leider habe ich diese Datei und ein paar andere auf meinem Computer verloren und starte die App von Grund auf neu. Ich habe versucht, die Kamera mit Videoaufzeichnungsfunktionen neu zu erstellen, kann sie aber nicht zum Laufen bringen. Weiß jemand, was ich falsch mache, weil ich es nicht herausfinden kann? Die Daten werden ausgedruckt, wenn ich den Aufnahmemodus zur Kamera ändere, aber nichts wird für Video passieren. Hier ist meine Komponente:

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() 
    } 

} 

Answer 1

In Ihrem _recordVideo Methode Sie ein leeres Objekt zu camera.capture sind vorbei, stattdessen sollten Sie ein Objekt übergeben den Aufnahmemodus angibt. Versuchen Sie, diese Version von _recordVideo:

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