appinio_video_player 1.1.0

A custom video player that builds on top of the official video_player package by flutter and adds many functionalities.

example/lib/main.dart

import 'package:appinio_video_player/appinio_video_player.dart';
import 'package:flutter/cupertino.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const CupertinoApp(
      debugShowCheckedModeBanner: false,
      theme: CupertinoThemeData(
        brightness: Brightness.light,
      ),
      title: 'Appinio Video Player Demo',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key}) : super(key: key);

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late VideoPlayerController _videoPlayerController,
      _videoPlayerController2,
      _videoPlayerController3;
  late CustomVideoPlayerController _customVideoPlayerController;
  String videoUrlLandscape =
      "https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4";
  String videoUrlPortrait =
      'https://assets.mixkit.co/videos/preview/mixkit-a-girl-blowing-a-bubble-gum-at-an-amusement-park-1226-large.mp4';
  String longVideo =
      "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";

  String video720 =
      "https://www.sample-videos.com/video123/mp4/720/big_buck_bunny_720p_10mb.mp4";

  String video480 =
      "https://www.sample-videos.com/video123/mp4/480/big_buck_bunny_480p_10mb.mp4";

  String video240 =
      "https://www.sample-videos.com/video123/mp4/240/big_buck_bunny_240p_10mb.mp4";

  final CustomVideoPlayerSettings _customVideoPlayerSettings =
      const CustomVideoPlayerSettings(
          //TODO: play around with these parameters

          // autoFadeOutControls: false,
          // controlBarAvailable: false,
          // playbackSpeedButtonAvailable: false,
          // controlBarMargin: const EdgeInsets.all(10),
          // controlBarPadding: const EdgeInsets.all(0),
          // showPlayButton: true,
          // playButton: const Icon(
          //   Icons.play_circle,
          //   color: Colors.white,
          // ),
          // pauseButton: const Icon(
          //   Icons.pause_circle,
          //   color: Colors.white,
          // ),
          // enterFullscreenButton: const Icon(
          //   Icons.fullscreen,
          //   color: Colors.white,
          // ),
          // exitFullscreenButton: const Icon(
          //   Icons.fullscreen_exit,
          //   color: Colors.white,
          // ),
          // controlBarDecoration: BoxDecoration(
          //   borderRadius: BorderRadius.circular(50),
          //   color: Colors.blue,
          // ),
          // showFullscreenButton: false,
          // showDurationPlayed: false,
          // showDurationRemaining: false,
          // enterFullscreenOnStart: true,
          // exitFullscreenOnEnd: true,
          // durationRemainingTextStyle: const TextStyle(color: Colors.red),
          // durationPlayedTextStyle: const TextStyle(color: Colors.green),
          // systemUIModeAfterFullscreen: SystemUiMode.leanBack,
          // systemUIModeInsideFullscreen: SystemUiMode.edgeToEdge,
          // customVideoPlayerProgressBarSettings: CustomVideoPlayerProgressBarSettings(
          //   reachableProgressBarPadding: EdgeInsets.all(10),
          //   progressBarHeight: 10,
          //   progressBarBorderRadius: 30,
          //   bufferedColor: Colors.red,
          //   progressColor: Colors.green,
          //   backgroundColor: Colors.purple,
          //   allowScrubbing: false,
          //   showProgressBar: false,
          // ),
          );

  @override
  void initState() {
    super.initState();
    _videoPlayerController = VideoPlayerController.network(
      video720,
    )..initialize().then((value) => setState(() {}));
    _videoPlayerController2 = VideoPlayerController.network(video240);
    _videoPlayerController3 = VideoPlayerController.network(video480);
    _customVideoPlayerController = CustomVideoPlayerController(
      context: context,
      videoPlayerController: _videoPlayerController,
      customVideoPlayerSettings: _customVideoPlayerSettings,
      additionalVideoSources: {
        "240p": _videoPlayerController2,
        "480p": _videoPlayerController3,
        "720p": _videoPlayerController,
      },
    );
  }

  @override
  void dispose() {
    _customVideoPlayerController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: const CupertinoNavigationBar(
        middle: Text("Appinio Video Player"),
      ),
      child: SafeArea(
        child: ListView(
          children: [
            CustomVideoPlayer(
              customVideoPlayerController: _customVideoPlayerController,
            ),
            CupertinoButton(
              child: const Text("Play Fullscreen"),
              onPressed: () {
                // example on how to set fullscreen yourself
                // _customVideoPlayerController.setFullscreen(true);
                _customVideoPlayerController.videoPlayerController.play();
              },
            ),
          ],
        ),
      ),
    );
  }
}