Flick Video Player

Flick Video Player is a video player for flutter.
The video_player plugin gives low level access for the video playback. Flick Player wraps video_player under the hood and provides base architecture for developers to create their own set of UI and functionalities.

Features

• Double tap to seek video.
• On video tap play/pause, mute/unmute, or perform any action on video.
• Auto hide controls.
• Custom animations.
• Custom controls for normal and fullscreen.
• Auto-play list of videos.
• Change playback speed.
• Keyboard shortcuts for web.

Demo Mobile

Default player Video Code	Animation player Video Code	Feed player Video Code

Orientation player Video Code	Landscape player Video Code

Demo Web

Web player Video Code

Example

Please run the app in the example/ folder to start playing!

Refer to this article to understand how things are working under the hood.

Installation

Add the following dependencies in your pubspec.yaml file of your flutter project.

    flick_video_player: <latest_version>
    video_player: <latest_version>

How to use

Create a FlickManager and pass the manager to FlickVideoPlayer, make sure to dispose FlickManager after use.

import 'package:flutter/material.dart';
import 'package:flick_video_player/flick_video_player.dart';
import 'package:video_player/video_player.dart';

class SamplePlayer extends StatefulWidget {
  SamplePlayer({Key key}) : super(key: key);

  @override
  _SamplePlayerState createState() => _SamplePlayerState();
}

class _SamplePlayerState extends State<SamplePlayer> {
  FlickManager flickManager;
  @override
  void initState() {
    super.initState();
    flickManager = FlickManager(
      videoPlayerController:
          VideoPlayerController.network("url"),
    );
  }

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

  @override
  Widget build(BuildContext context) {
    return Container(
      child: FlickVideoPlayer(
        flickManager: flickManager
      ),
    );
  }
}

Public Classes Summary

To play a list of videos you have to create your custom DataManager, You can find some of the implementations in /example folder.

UI Helper and Action helpers are widgets which interacts with FlickDisplayManager, FlickControlManager and FlickVideoManager you can easily create your custom widgets/actions, Provider package is used for state management.

Web

Guideline for web: As we are using video_player_web under-hood please follow video_player_web doc before you start.

Default shortcuts

• You can pass webKeyDownHandler argument to FlickVideoPlayer and manage the keyboard shortcuts yourself.

Notes

• Esc shortcut to exit from full-screen is in development.

Origin of third party content

Videos

• 9th May & Fireworks – https://mazwai.com/video/9th-May-&-Fireworks/455089
• Iceland | Land of Fire and Ice – https://mazwai.com/video/iceland-%7C-land-of-fire-and-ice/455108
• Rio from Above – https://mazwai.com/video/rio-from-above/455099
• The Valley – https://mazwai.com/video/the-valley/455101

Pictures

• Woman on rock – Photo by Engin Akyurt from Pexels
• Person waiting – Photo by Leo Cardelli from Pexels
• Scenic view of mountain – Photo by Johannes Rapprich from Pexels
• Black and white silhouette – Photo by Athenafrom Pexels