klipt_video_player

Description:

klipt video player

klipt_video_player #
A video player for flutter with multiple gesture support and added danmaku (bullet/barrage) function inside it.
GitHub: https://github.com/Vivatlantis/klipt_video_player
Author: Royce Zhai
Description #
Everyone loves chewie, a video player with highly customizable interface. While watching the video, many would like to see or send a danmaku/bullet/barrage (they refer to the same thing!), and klipt_video_player makes everything possible at once, with integrated gesture control to enhance user experience.
The danmaku of the player has the following features, you may:

Choose the color of danmaku to be sent;
Choose the position of danmaku: flowing on top or fixed at bottom;
Adjust the danmaku display area on video player;
Adjust the flowing speed of danmaku;
Adjust the displayed font size of danmaku;

The video player support gestures including:

Long press the video to play in double speed;
Double tap the video to play/pause video;
Swipe left/right to quickly seek to a desired position;
Swipe up/down in left half of screen to adjust video brightness (based on system brightness);
Swipe up/down in right half of screen to adjust video volume (based on system volume);
There's also a lock button to block all gestures!

Preview #
Buttons in bottom bar: 1. play/pause; 2. open/close danmaku; 3. danmaku settings; 4. open keyboard to send danmaku; 5. adjust video playback speed; 6. expand/collapse


Installation #
In your [pubspec.yaml] file within your Flutter Project add [klipt_video_player] under dependencies:
dependencies:
klipt_video_player: <latest_version>
copied to clipboard
Using the player #
After adding the dependency in your pubspec.yaml file, you can access the player by simply calling the widget as below (there are some additional parameters to be explored):

Important
Please note: you MUST call "createWithDependencies" as some GetX controller need to be created with this widget to make it functional.


import 'package:klipt_video_player/klipt_video_player.dart';
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
/// MUST use createWithDependencies
child: KliptVideoView.createWithDependencies(
"https://flutter.github.io/assets-for-api-docs/assets/videos/butterfly.mp4",
autoPlay: true,
looping: true,
aspectRatio: 16 / 9,
rightButtonList: null,
videoTitle: "A butterfly demo",
danmakuList: list,
primaryColor: Colors.pinkAccent,
),
),
);
}
copied to clipboard
The danmaku list example is provided below: it is simply a list containing [DanmakuData], which its [content], [time] and [position] being
the required fields. Other optional parameters and explanations can be found in [danmanku.dart] file
final List<DanmakuData> list = [
DanmakuData(content: "a initial danmaku", time: 2000, position: 1),
DanmakuData(content: "a fantastic danmaku", time: 2500, position: 1),
DanmakuData(content: "a working danmaku", time: 3000, position: 1),
DanmakuData(content: "a bottom danmaku", time: 3500, position: 2)
];
copied to clipboard
Acknowledgements: #
This project is developed based on:

https://pub.dev/packages/chewie
https://pub.dev/packages/flutter_danmaku
https://pub.dev/packages/fplayer

TODO LIST: #


Fix bugs e.g. setState() called during build .etc


Listen for feedback and add more parameters to the interface