如何使用react native裁剪视频

npm install -g react-native-cli

react-native init VideoCutter

cd VideoCutter
npm install react-native-video react-native-video-processing react-native-fetch-blob --save

react-native link

import React, { Component } from 'react';
import { View, Button } from 'react-native';
import Video from 'react-native-video';
import VideoProcessing from 'react-native-video-processing';

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      videoPath: 'path_to_video.mp4',
      startTime: 10, // 开始时间（以秒为单位）
      endTime: 20, // 结束时间（以秒为单位）
      outputVideoPath: 'path_to_output_video.mp4'
    };
  }

  handleVideoProcessing = async () => {
    const { videoPath, startTime, endTime, outputVideoPath } = this.state;
    try {
      await VideoProcessing.crop({
        source: videoPath,
        startTime: startTime,
        endTime: endTime,
        dest: outputVideoPath
      });
      console.log('视频裁剪成功');
    } catch (error) {
      console.log('视频裁剪失败', error);
    }
  };

  render() {
    return (
      <View>
        <Video source={{ uri: this.state.videoPath }} style={{ width: 300, height: 300 }} />
        <Button title="裁剪视频" onPress={this.handleVideoProcessing} />
      </View>
    );
  }
}

export default App;

react-native run-android

react-native run-ios