Flutter通用视频控制插件universal_video_controls_video_player的使用

Flutter通用视频控制插件universal_video_controls_video_player的使用

概述

universal_video_controls_video_player 插件提供了使用 video_player 包实现的 AbstractPlayer 接口。这使得你可以无缝地将 universal_video_controls 包与 video_player 包一起使用。

开始使用

安装

在你的 pubspec.yaml 文件中添加以下依赖：

dependencies:
  universal_video_controls_video_player: ^1.0.1
  universal_video_controls: ^1.0.10
  video_player: ^2.2.5

运行 flutter pub get 来安装这些包。

使用

要使用 universal_video_controls_video_player 包，请执行以下步骤：

1. 初始化 你的 VideoPlayerController 以获取所需的视频源。
2. 包装 VideoPlayerController 使用 VideoPlayerControlsWrapper。
3. 使用 VideoPlayerControlsWrapper 与来自 universal_video_controls 包的 VideoControls 小部件。

关键组件

• VideoPlayerControlsWrapper: 这是一个包装 VideoPlayerController 的类，实现了 AbstractPlayer 接口。这使得 universal_video_controls 可以控制视频播放器。

示例设置

1. 创建一个带有视频源的 VideoPlayerController。
2. 使用 VideoPlayerControlsWrapper 包装 VideoPlayerController。
3. 使用 VideoPlayerControlsWrapper 和 VideoControls。

此设置确保了 universal_video_controls 包可以使用 video_player 包来控制视频播放。

贡献

我们欢迎对 universal_video_controls_video_player 项目进行贡献！如果你有任何想法、建议或改进，请随时提交拉取请求或打开问题。

许可证

该项目在 MIT 许可证下发布。详情请查看 LICENSE 文件。

感谢你使用 universal_video_controls_video_player！

完整示例代码

import 'package:flutter/material.dart';
import 'package:universal_video_controls_video_player/universal_video_controls_video_player.dart';
import 'package:video_player/video_player.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: VideoPlayerScreen(),
    );
  }
}

class VideoPlayerScreen extends StatefulWidget {
  [@override](/user/override)
  _VideoPlayerScreenState createState() => _VideoPlayerScreenState();
}

class _VideoPlayerScreenState extends State<VideoPlayerScreen> {
  late VideoPlayerController _controller;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 初始化 VideoPlayerController
    _controller = VideoPlayerController.network(
        'https://www.sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4')
      ..initialize().then((_) {
        // 视频初始化后刷新界面
        setState(() {});
      });
  }

  [@override](/user/override)
  void dispose() {
    // 释放资源
    _controller.dispose();
    super.dispose();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    if (_controller.value.isInitialized) {
      return Scaffold(
        appBar: AppBar(
          title: Text('通用视频控制插件示例'),
        ),
        body: Center(
          child: Column(
            children: [
              // 包装 VideoPlayerController
              VideoPlayerControlsWrapper(
                controller: _controller,
                child: AspectRatio(
                  aspectRatio: _controller.value.aspectRatio,
                  child: VideoPlayer(_controller),
                ),
              ),
              SizedBox(height: 20),
              // 使用 VideoControls 控制视频播放
              VideoControls(controller: _controller)
            ],
          ),
        ),
      );
    } else {
      return CircularProgressIndicator();
    }
  }
}