A React Native component for playing videos with customizable start and end times.
npm install slice-video-player
Here is an example of how to use the SliceVideoPlayer
component in your React Native application:
import React from "react";
import { View } from "react-native";
import SliceVideoPlayer from "slice-video-player";
function App() {
return (
<View style={{ marginTop: 200, borderWidth: 2 }}>
<SliceVideoPlayer
source={{
uri: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
}}
style={{ height: 200 }}
shouldPlay={true}
start={0} // Start time in milliseconds
end={10000} // End time in milliseconds (10 seconds)
/>
</View>
);
}
export default App;
-
source
: The source of the video. It should be an object with auri
property. -
start
: The start time of the video segment in milliseconds. Default is0
. -
end
: The end time of the video segment in milliseconds. If not specified, it defaults to the duration of the video. -
loop
: Boolean indicating whether the video should loop betweenstart
andend
. Default isfalse
. -
shouldPlay
: Boolean indicating whether the video should start playing automatically. Default isfalse
. -
useNativeControls
: Boolean indicating whether to show the native playback controls. Default istrue
.
This project is licensed under the ISC License.