Flutter视频播放功能插件flutter_use_video的使用

在Flutter开发中，flutter_use_video 是一个非常实用的插件，用于简化视频播放的功能。它基于 video_player 插件，提供了更简洁的API来处理视频播放相关的逻辑。本文将详细介绍如何使用该插件来实现视频播放功能。

1. 添加依赖

首先，在你的 pubspec.yaml 文件中添加 flutter_use 和 video_player 依赖：

dependencies:
  flutter_use: ^x.x.x  # 替换为最新版本号
  video_player: ^x.x.x  # 替换为最新版本号

然后运行以下命令安装依赖：

flutter pub get

2. 使用 useAssetVideo 播放本地视频

useAssetVideo 可以用来播放项目中的本地视频文件。以下是完整的示例代码：

import 'package:flutter/material.dart';
import 'package:flutter_use/flutter_use.dart';

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

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

class VideoPlayerScreen extends StatefulWidget {
  @override
  _VideoPlayerScreenState createState() => _VideoPlayerScreenState();
}

class _VideoPlayerScreenState extends State<VideoPlayerScreen> {
  // 使用 useAssetVideo 播放本地视频
  final videoController = useAssetVideo('assets/videos/sample.mp4');

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Use Video Example'),
      ),
      body: Center(
        child: videoController.value.isInitialized
            ? AspectRatio(
                aspectRatio: videoController.value.aspectRatio,
                child: VideoPlayer(videoController),
              )
            : CircularProgressIndicator(),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          videoController.value.isPlaying
              ? videoController.pause()
              : videoController.play();
        },
        child: Icon(
          videoController.value.isPlaying ? Icons.pause : Icons.play_arrow,
        ),
      ),
    );
  }

  @override
  void dispose() {
    videoController.dispose(); // 确保释放资源
    super.dispose();
  }
}

代码说明：

1. useAssetVideo：加载本地视频文件，参数为视频路径（例如 'assets/videos/sample.mp4'）。
2. VideoPlayer：使用 video_player 的 VideoPlayer 小部件来展示视频。
3. 控制按钮：通过 FloatingActionButton 实现播放和暂停功能。

3. 使用 useNetworkVideo 播放网络视频

如果你需要播放网络上的视频，可以使用 useNetworkVideo。以下是示例代码：

import 'package:flutter/material.dart';
import 'package:flutter_use/flutter_use.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: NetworkVideoPlayerScreen(),
    );
  }
}

class NetworkVideoPlayerScreen extends StatefulWidget {
  @override
  _NetworkVideoPlayerScreenState createState() =>
      _NetworkVideoPlayerScreenState();
}

class _NetworkVideoPlayerScreenState extends State<NetworkVideoPlayerScreen> {
  // 使用 useNetworkVideo 播放网络视频
  final videoController = useNetworkVideo(
    'https://www.sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4',
  );

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Use Network Video Example'),
      ),
      body: Center(
        child: videoController.value.isInitialized
            ? AspectRatio(
                aspectRatio: videoController.value.aspectRatio,
                child: VideoPlayer(videoController),
              )
            : CircularProgressIndicator(),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          videoController.value.isPlaying
              ? videoController.pause()
              : videoController.play();
        },
        child: Icon(
          videoController.value.isPlaying ? Icons.pause : Icons.play_arrow,
        ),
      ),
    );
  }

  @override
  void dispose() {
    videoController.dispose(); // 确保释放资源
    super.dispose();
  }
}

代码说明：

1. useNetworkVideo：加载网络视频，参数为视频的URL地址。
2. 其他部分与本地视频一致：包括播放控制和释放资源的部分。

4. 运行效果

运行上述代码后，你将看到一个简单的视频播放界面，支持播放、暂停、加载本地或网络视频等功能。

5. 注意事项

• 确保本地视频已正确添加到 assets 文件夹中，并在 pubspec.yaml 中声明：

  assets:
    - assets/videos/