这是一款 fijkplayer 播放器的普通皮肤,主要解决 fijkplayer 自带的皮肤不好看,没有手势拖动快进,快退 fijkplayer_skin只是一款皮肤,并不是播放器,所以 fijkplayer 存在的问题,这里 fijkplayer_skin 一样存在
- Dart-Cms =>> Dart-Cms完整项目
- Dart-Cms-Manage =>> Dart-Cms后台管理系统页面部分
- Dart-Cms-Flutter =>> Dart-Cms的安卓客户端,使用flutter开发
- Dart-Cms-Script =>> Dart-Cms插件教程,插件使用,插件开发
- electron-audio-create =>> 使用 React + Electron 开发的 AI 配音软件
在使用皮肤之前,你需要查看 fijkplayer 的文档说明,了解如何 fijkplayer 自定义UI
pubspec.yaml
dependencies:
fijkplayer_skin: ${lastes_version}
或者
fijkplayer_skin:
git:
url: git@github.com:abcd498936590/fijkplayer_skin.git
import 'package:fijkplayer_skin/fijkplayer_skin.dart';
import 'package:fijkplayer/fijkplayer.dart';
class VideoScreen extends StatefulWidget {
final String url;
VideoScreen({@required this.url});
@override
_VideoScreenState createState() => _VideoScreenState();
}
class _VideoScreenState extends State<VideoScreen> {
final FijkPlayer player = FijkPlayer();
_VideoScreenState();
@override
void initState() {
super.initState();
player.setDataSource(widget.url, autoPlay: true);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("Fijkplayer Example")),
body: Container(
alignment: Alignment.center,
// 这里 FijkView 开始为自定义 UI 部分
child: FijkView(
height: 240,
color: Colors.black,
fit: FijkFit.cover,
player: player,
panelBuilder: (
FijkPlayer player,
FijkData data,
BuildContext context,
Size viewSize,
Rect texturePos,
) {
/// 使用自定义的布局
return CustomFijkPanel(
player: player,
// 传递 context 用于左上角返回箭头关闭当前页面,不要传递错误 context,
// 如果要点击箭头关闭当前的页面,那必须传递当前页面的根 context
buildContext: context,
viewSize: viewSize,
texturePos: texturePos,
// 是否显示顶部,如果要显示顶部标题栏 + 返回键,那么就传递 true
showTopCon: true,
// 标题 当前页面顶部的标题部分
playerTitle: "标题",
);
},
);
)
);
}
@override
void dispose() {
super.dispose();
player.release();
}
}
MIT