|
|
@@ -1,11 +1,12 @@
|
|
|
import 'dart:async';
|
|
|
|
|
|
-import 'package:chewie/src/chewie_controller.dart';
|
|
|
+import 'package:chewie/src/chewie_progress_colors.dart';
|
|
|
import 'package:chewie/src/player_with_controls.dart';
|
|
|
import 'package:flutter/material.dart';
|
|
|
import 'package:flutter/services.dart';
|
|
|
import 'package:flutter/widgets.dart';
|
|
|
import 'package:screen/screen.dart';
|
|
|
+import 'package:video_player/video_player.dart';
|
|
|
|
|
|
/// A Video Player with Material and Cupertino skins.
|
|
|
///
|
|
|
@@ -62,7 +63,7 @@ class ChewieState extends State<Chewie> {
|
|
|
|
|
|
@override
|
|
|
Widget build(BuildContext context) {
|
|
|
- return ChewieControllerProvider(
|
|
|
+ return _ChewieControllerProvider(
|
|
|
controller: widget.controller,
|
|
|
child: PlayerWithControls(),
|
|
|
);
|
|
|
@@ -75,7 +76,7 @@ class ChewieState extends State<Chewie> {
|
|
|
body: Container(
|
|
|
alignment: Alignment.center,
|
|
|
color: Colors.black,
|
|
|
- child: ChewieControllerProvider(
|
|
|
+ child: _ChewieControllerProvider(
|
|
|
controller: widget.controller,
|
|
|
child: PlayerWithControls(),
|
|
|
),
|
|
|
@@ -131,3 +132,175 @@ class ChewieState extends State<Chewie> {
|
|
|
]);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+/// The ChewieController is used to configure and drive the Chewie Player
|
|
|
+/// Widgets. It provides methods to control playback, such as [pause] and
|
|
|
+/// [play], as well as methods that control the visual appearance of the player,
|
|
|
+/// such as [enterFullScreen] or [exitFullScreen].
|
|
|
+///
|
|
|
+/// In addition, you can listen to the ChewieController for presentational
|
|
|
+/// changes, such as entering and exiting full screen mode. To listen for
|
|
|
+/// changes to the playback, such as a change to the seek position of the
|
|
|
+/// player, please use the standard information provided by the
|
|
|
+/// `VideoPlayerController`.
|
|
|
+class ChewieController extends ChangeNotifier {
|
|
|
+ ChewieController({
|
|
|
+ this.videoPlayerController,
|
|
|
+ this.aspectRatio,
|
|
|
+ this.autoInitialize = false,
|
|
|
+ this.autoPlay = false,
|
|
|
+ this.startAt,
|
|
|
+ this.looping = false,
|
|
|
+ this.fullScreenByDefault = false,
|
|
|
+ this.cupertinoProgressColors,
|
|
|
+ this.materialProgressColors,
|
|
|
+ this.placeholder,
|
|
|
+ this.showControls = true,
|
|
|
+ this.customControls,
|
|
|
+ this.allowedScreenSleep = true,
|
|
|
+ this.isLive = false,
|
|
|
+ }) : assert(videoPlayerController != null,
|
|
|
+ 'You must provide a controller to play a video') {
|
|
|
+ _initialize();
|
|
|
+ }
|
|
|
+
|
|
|
+ /// The controller for the video you want to play
|
|
|
+ final VideoPlayerController videoPlayerController;
|
|
|
+
|
|
|
+ /// Initialize the Video on Startup. This will prep the video for playback.
|
|
|
+ final bool autoInitialize;
|
|
|
+
|
|
|
+ /// Play the video as soon as it's displayed
|
|
|
+ final bool autoPlay;
|
|
|
+
|
|
|
+ /// Start video at a certain position
|
|
|
+ final Duration startAt;
|
|
|
+
|
|
|
+ /// Whether or not the video should loop
|
|
|
+ final bool looping;
|
|
|
+
|
|
|
+ /// Whether or not to show the controls
|
|
|
+ final bool showControls;
|
|
|
+
|
|
|
+ /// Defines customised controls. Check [MaterialControls] or
|
|
|
+ /// [CupertinoControls] for reference.
|
|
|
+ final Widget customControls;
|
|
|
+
|
|
|
+ /// The Aspect Ratio of the Video. Important to get the correct size of the
|
|
|
+ /// video!
|
|
|
+ ///
|
|
|
+ /// Will fallback to fitting within the space allowed.
|
|
|
+ final double aspectRatio;
|
|
|
+
|
|
|
+ /// The colors to use for controls on iOS. By default, the iOS player uses
|
|
|
+ /// colors sampled from the original iOS 11 designs.
|
|
|
+ final ChewieProgressColors cupertinoProgressColors;
|
|
|
+
|
|
|
+ /// The colors to use for the Material Progress Bar. By default, the Material
|
|
|
+ /// player uses the colors from your Theme.
|
|
|
+ final ChewieProgressColors materialProgressColors;
|
|
|
+
|
|
|
+ /// The placeholder is displayed underneath the Video before it is initialized
|
|
|
+ /// or played.
|
|
|
+ final Widget placeholder;
|
|
|
+
|
|
|
+ /// Defines if the player will start in fullscreen when play is pressed
|
|
|
+ final bool fullScreenByDefault;
|
|
|
+
|
|
|
+ /// Defines if the player will sleep in fullscreen or not
|
|
|
+ final bool allowedScreenSleep;
|
|
|
+
|
|
|
+ /// Defines if the controls should be for live stream video
|
|
|
+ final bool isLive;
|
|
|
+
|
|
|
+ static ChewieController of(BuildContext context) {
|
|
|
+ final _ChewieControllerProvider chewieControllerProvider =
|
|
|
+ context.inheritFromWidgetOfExactType(_ChewieControllerProvider);
|
|
|
+
|
|
|
+ return chewieControllerProvider.controller;
|
|
|
+ }
|
|
|
+
|
|
|
+ bool _isFullScreen = false;
|
|
|
+
|
|
|
+ bool get isFullScreen => _isFullScreen;
|
|
|
+
|
|
|
+ Future _initialize() async {
|
|
|
+ await videoPlayerController.setLooping(looping);
|
|
|
+
|
|
|
+ if ((autoInitialize || autoPlay) &&
|
|
|
+ !videoPlayerController.value.initialized) {
|
|
|
+ await videoPlayerController.initialize();
|
|
|
+ }
|
|
|
+
|
|
|
+ if (autoPlay) {
|
|
|
+ if (fullScreenByDefault) {
|
|
|
+ enterFullscreen();
|
|
|
+ }
|
|
|
+
|
|
|
+ await videoPlayerController.play();
|
|
|
+ }
|
|
|
+
|
|
|
+ if (startAt != null) {
|
|
|
+ await videoPlayerController.seekTo(startAt);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (fullScreenByDefault) {
|
|
|
+ videoPlayerController.addListener(() async {
|
|
|
+ if (await videoPlayerController.value.isPlaying && !_isFullScreen) {
|
|
|
+ enterFullscreen();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ void enterFullscreen() {
|
|
|
+ _isFullScreen = true;
|
|
|
+ notifyListeners();
|
|
|
+ }
|
|
|
+
|
|
|
+ void exitFullscreen() {
|
|
|
+ _isFullScreen = false;
|
|
|
+ notifyListeners();
|
|
|
+ }
|
|
|
+
|
|
|
+ void toggleFullscreen() {
|
|
|
+ _isFullScreen = !_isFullScreen;
|
|
|
+ notifyListeners();
|
|
|
+ }
|
|
|
+
|
|
|
+ Future<void> play() async {
|
|
|
+ await videoPlayerController.play();
|
|
|
+ }
|
|
|
+
|
|
|
+ Future<void> setLooping(bool looping) async {
|
|
|
+ await videoPlayerController.setLooping(looping);
|
|
|
+ }
|
|
|
+
|
|
|
+ Future<void> pause() async {
|
|
|
+ await videoPlayerController.pause();
|
|
|
+ }
|
|
|
+
|
|
|
+ Future<void> seekTo(Duration moment) async {
|
|
|
+ await videoPlayerController.seekTo(moment);
|
|
|
+ }
|
|
|
+
|
|
|
+ Future<void> setVolume(double volume) async {
|
|
|
+ await videoPlayerController.setVolume(volume);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+class _ChewieControllerProvider extends InheritedWidget {
|
|
|
+ const _ChewieControllerProvider({
|
|
|
+ Key key,
|
|
|
+ @required this.controller,
|
|
|
+ @required Widget child,
|
|
|
+ }) : assert(controller != null),
|
|
|
+ assert(child != null),
|
|
|
+ super(key: key, child: child);
|
|
|
+
|
|
|
+ final ChewieController controller;
|
|
|
+
|
|
|
+ @override
|
|
|
+ bool updateShouldNotify(_ChewieControllerProvider old) =>
|
|
|
+ controller != old.controller;
|
|
|
+}
|
Ben Hagen