Flutter视频播放插件appinio_video_player的使用

appinio_video_player 是一个基于官方 video_player 包进行封装和扩展的Flutter插件，它提供了一个高度可定制的控制栏、全屏模式以及可调的视频设置。对于这个视频播放器中的每一个控件，你都可以决定是否显示它以及它的外观样式。

主要特性

• [ 新 ] 通过在屏幕右侧滑动来改变音量
• [ 新 ] 静音/取消静音
• [ 新 ] Web上隐藏画中画模式
• [ 新 ] 缓存网络视频
• 前后跳转
• 全屏模式
• Web应用程序的原生控件和全屏支持
• 更改视频质量
• 缩略图 / 海报
• 调整播放速度
• 完全自定义的控件
• 流畅的进度条
• 防止在进度条中寻求
• 防止视频被多次播放

预览

全屏

开始使用

为了开始使用，只需创建一个 VideoPlayerController，就像为普通的 video_player 创建一样，并定义一个要使用的来源。 然后创建一个 CustomVideoPlayerController 来访问全屏和控制栏可见性的切换。将控制器传递给 CustomVideoPlayer 小部件以使用其所有功能和自定义机会。

使用示例

下面是一个完整的示例代码，展示了如何使用 appinio_video_player 插件来构建一个简单的视频播放应用。

import 'package:appinio_video_player/appinio_video_player.dart';
import 'package:flutter/cupertino.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const CupertinoApp(
      debugShowCheckedModeBanner: false,
      theme: CupertinoThemeData(
        brightness: Brightness.light,
      ),
      title: 'Appinio Video Player Demo',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key}) : super(key: key);

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late CachedVideoPlayerController _videoPlayerController;

  late CustomVideoPlayerController _customVideoPlayerController;

  final String longVideo =
      "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";

  @override
  void initState() {
    super.initState();

    _videoPlayerController = CachedVideoPlayerController.network(
      longVideo,
    )..initialize().then((value) => setState(() {}));
    
    _customVideoPlayerController = CustomVideoPlayerController(
      context: context,
      videoPlayerController: _videoPlayerController,
    );
  }

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

  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: const CupertinoNavigationBar(
        middle: Text("Appinio Video Player"),
      ),
      child: SafeArea(
        child: Column(
          children: [
            Expanded(
              child: CustomVideoPlayer(
                customVideoPlayerController: _customVideoPlayerController,
              ),
            ),
            CupertinoButton(
              child: const Text("Play Fullscreen"),
              onPressed: () {
                _customVideoPlayerController.setFullscreen(true);
                _customVideoPlayerController.videoPlayerController.play();
              },
            ),
          ],
        ),
      ),
    );
  }
}

这段代码创建了一个简单的视频播放界面，其中包含一个用于播放视频的小部件以及一个按钮，点击该按钮可以进入全屏模式并开始播放视频。

以上就是关于 appinio_video_player 插件的基本介绍及使用方法，希望对您有所帮助！如果您有任何问题或需要进一步的帮助，请随时提问。