我已经从react-native-video-processing
和Android上将Trimmer集成到我的应用程序中,可以看到三聚体的UI(左/右角)。但无法根据需要拖动角点来修剪视频。
反应性:0.57.5 Node.js:8.15.0 react-native-video-processing:“ ^ 1.20.0”,
<View>
<VideoPlayer
ref={(ref) => {
this.player = ref;
}}
play={!paused}
replay
rotate
style={{ width: viewportWidth, height: viewportHeight - 130 }}
startTime={20} // seconds
endTime={50} // seconds
source={videoUri}
// playerWidth={300} // iOS only
// playerHeight={500} // iOS only
resizeMode={VideoPlayer.Constants.resizeMode.COVER}
onChange={({ nativeEvent }) => console.log({ nativeEvent })} // get Current time on every second
/>
<Trimmer
source={videoUri}
height={150}
width={300}
onTrackerMove={e => console.log(e.currentTime)} // iOS only
// currentTime={this.video.currentTime} // use this prop to set tracker position iOS only
themeColor="white" // iOS only
thumbWidth={30} // iOS only
trackerColor="green" // iOS only
onChange={e => console.log(e.startTime, e.endTime)}
// onTrackerMove={() => this.trimVideo()}
/>
</View>