flutter_bling_video_player

Description:

flutter bling video player

flutter_bling_video_player #
基于Flutter官方的 video_player 的二次封装
基本功能如下图 #

为什么要二次封装 video_player #

实际开发中如果你的业务仅仅是播放一个视频，那么最好的选择就是使用官方提供的播放器，iOS端使用 AVFoundation Android端使用google官方的 Exoplayer
官方提供 video_player 插件功能过于单一，在时间开发中还需要写很多代码，二次封装是为了提高实际业务的开发效率

Installation 安装 #
dependencies:
flutter_bling_video_player: ^0.0.1
copied to clipboard
如何使用 #
1. 基本使用 #

播放网络视频

body: const Center(
child: BlingVideoPlayer.network("https://xxxxx.mp4")
),
copied to clipboard

本地文件视频播放

body: const Center(
child: BlingVideoPlayer.file("/var/xxxx/xxx.mp4")
),
copied to clipboard

工程路径视频播放

body: const Center(
child: BlingVideoPlayer.assets("assets/video/video1.mp4")
),
copied to clipboard
以上方式初始化视频播放器，会自动根据视频尺寸比例显示播放器的大小，如下图所示

2. 使用控制器初始化视频播放器 #

BlingVideoPlayerController? _videoPlayerController;
@override
void initState() {
super.initState();
_videoPlayerController = BlingVideoPlayerController();
String dataSource = "assets://assets/video/video.mp4";
/// 初始化网络视频 必须以http 或者 https开头 https://www.xxxx.mp4
/// 初始化本地视频 必须以file:// 开头,比如 file://var/xxxx/video.mp4
/// 初始化assets视频 必须以 assets:// 开头，比如 assets://assets/video/video.mp4
_videoPlayerController?.setDataSource(dataSource);
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: BlingVideoPlayer(
controller: _videoPlayerController,
)
),
// This trailing comma makes auto-formatting nicer for build methods.
);
}
copied to clipboard
对于视频文件的初始化也可以使用 BlingVideoPlayerController提供好的方法


网络视频
_videoPlayerController?.setDataSource("https://www.xxxx.mp4");
copied to clipboard


本地视频
_videoPlayerController?.setFileSource("/var/xxxx/video.mp4");
copied to clipboard


工程目录视频
_videoPlayerController?.setAssetsSource("/assets/video/video.mp4");
copied to clipboard


也可使用 setDataSource 加前缀的方式来播放不同类型的视频
_videoPlayerController?.setDataSource("https://www.xxxx.mp4"); /// 网路视频
_videoPlayerController?.setDataSource("fiel://var/xxxx/video.mp4"); /// 本地视频
_videoPlayerController?.setDataSource("assets://assets/video/video.mp4"); ///工程目录视频

copied to clipboard


3. 定制播放器 #
BlingVideoPlayer(
controller: _videoPlayerController,
/// 视频初始化的操作是耗时的，可以使用这个builder 给用户一个加载中的提示
indicatorBuilder: (context, controller) {
return const CupertinoActivityIndicator();
},
///播放网络视频如果视频正在缓冲，可以使用这个builder 定制缓冲样式
bufferBuilder: (context, controller) {
return Container(
width: 100,
height: 100,
alignment: Alignment.center,
color: Colors.yellow,
child: const Text("正在缓冲中"),
);
},
/// 视频还没有初始化之前一般会有一张封面图进行占位，可以用这个builder定制占位的widget
placeholderBuilder: (context, controller) {
return _placeholder();
},
/// 如果视频加载失败或者播放过程中出现了error 可以在这里显示播放错误的widget
errorWidgetBuilder: (context, error, controller) {
return Text("视频播放失败了 ${error.toString()}");
},
/// 用于定制显示视频播放器的样式，比如播放按钮，进度条等等
panelBuilder: (context, player, size) {
return player == null
? const SizedBox()
: VideoPlayPanel(playerController: player);
},
)
copied to clipboard
issues #
在使用中遇到的任何问题都可以在 github上的 issues 提出，严重的问题24小时内解决，不严重的问题，一周内解决。