native_video_player

Description:

native video player

native_video_player #

A Flutter widget to play videos on iOS and Android using a native implementation.




Android
iOS




Support
16+
9.0+






Implementation #

On iOS, the video is displayed using a combination
of AVPlayer
and AVPlayerLayer.
On Android, the video is displayed using a combination
of MediaPlayer
and VideoView.

Usage #
Loading a video #
@override
Widget build(BuildContext context) {
return NativeVideoPlayerView(
onViewReady: (controller) async {
final videoSource = await VideoSource.init(
path: 'path/to/file',
type: VideoSourceType,
);
await controller.loadVideoSource(videoSource);
},
);
}
copied to clipboard
Listen to events #
controller.onPlaybackReady.addListener(() {
// Emitted when the video loaded successfully and it's ready to play.
// At this point, videoInfo is available.
final videoInfo = controller.videoInfo;
final videoWidth = videoInfo.width;
final videoHeight = videoInfo.height;
final videoDuration = videoInfo.duration;
});
controller.onPlaybackStatusChanged.addListener(() {
final playbackStatus = controller.playbackInfo.status;
// playbackStatus can be playing, paused, or stopped.
});
controller.onPlaybackPositionChanged.addListener(() {
final playbackPosition = controller.playbackInfo.position;
});
controller.onPlaybackEnded.addListener(() {
// Emitted when the video has finished playing.
});
copied to clipboard
Autoplay #
controller.onPlaybackReady.addListener(() {
controller.play();
});
copied to clipboard
Playback loop #
controller.onPlaybackEnded.addListener(() {
controller.play();
});
copied to clipboard
Advanced usage #
See the example app for a complete usage example.
Support this project #

Other projects #
🧰 exabox — Essential tools for developers: All the tools you need in one single app.
😃 Ejimo — Emoji and symbol picker
🗺️ WMap — Create beautiful, minimal, custom map wallpapers and backgrounds for your phone or tablet.
🎨 iro‿iro — Rearrange the colors to form beautiful patterns in this relaxing color puzzle game.
Credits #
Created by @albemala (Twitter)