vcan / fijkplayer_skin

fijkplayer的一款基础皮肤,美化播放UI,增加顶部返回菜单、标题,透明渐变皮肤。支持手势快进进退

Home Page:https://github.com/abcd498936590/fijkplayer_skin

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

fijkplayer_skin

pub package

这是一款 fijkplayer 播放器的普通皮肤,主要解决 fijkplayer 自带的皮肤不好看,没有手势拖动快进,快退 fijkplayer_skin只是一款皮肤,并不是播放器,所以 fijkplayer 存在的问题,这里 fijkplayer_skin 一样存在

其他开源项目

使用说明

在使用皮肤之前,你需要查看 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();
      }
    }

LICENSE

MIT

About

fijkplayer的一款基础皮肤,美化播放UI,增加顶部返回菜单、标题,透明渐变皮肤。支持手势快进进退

https://github.com/abcd498936590/fijkplayer_skin

License:MIT License


Languages

Language:Dart 98.0%Language:Swift 1.4%Language:Kotlin 0.4%Language:Objective-C 0.1%