Flutter视频播放插件last_flutter_flex_player的使用

Flutter视频播放插件last_flutter_flex_player的使用

Last Flutter Flex Player 是一个用于在 Flutter 应用中播放视频的插件。它提供了一个灵活的视频播放器小部件，支持多种视频源，包括资源文件、网络链接、文件和 YouTube。该插件由 Dart 和 Flutter 构建而成，可帮助您轻松地将视频播放功能集成到您的 Flutter 应用程序中。

Last Flutter Flex Player 源自官方插件 Flutter Flex Player

特性

• 支持从资源文件、网络链接、文件和 YouTube 播放视频。
• 可以设置视频播放的宽高比。
• 支持全屏模式。
• 提供多种播放控制，包括播放、暂停、拖动进度条、调节音量和更改播放速度。
• 支持初始化事件、位置变化事件、持续时间更新事件和播放器状态事件。

安装

在 pubspec.yaml 文件中添加 last_flutter_flex_player：

dependencies:
  flutter:
    sdk: flutter
  last_flutter_flex_player: ^1.0.0 # 替换为最新版本

运行 flutter pub get 来安装包。

使用

导入包

import 'package:last_flutter_flex_player/flutter_flex_player.dart';
import 'package:last_flutter_flex_player/flutter_flex_player_controller.dart';
import 'package:last_flutter_flex_player/helpers/flex_player_sources.dart';

创建视频播放控制器

FlutterFlexPlayerController _controller = FlutterFlexPlayerController();

初始化视频播放器

在小部件的 initState 中加载视频源：

[@override](/user/override)
void initState() {
  super.initState();
  _controller.load(
    NetworkFlexPlayerSource(
      "https://example.com/video.mp4",
    ),
    autoPlay: false,
    loop: true,
  );
}

构建视频播放器小部件

使用 FlutterFlexPlayer 小部件来显示播放器：

[@override](/user/override)
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: const Text('VideoPlayerScreen'),
    ),
    body: Column(
      children: [
        FlutterFlexPlayer(
          _controller,
        ),
        const SizedBox(
          height: 50,
        ),
      ],
    ),
  );
}

类和方法

FlutterFlexPlayerController

• load(FlexPlayerSource source, {bool autoPlay = false, bool loop = false}): 加载视频源。
• play(): 播放视频。
• pause(): 暂停视频。
• stop(): 停止视频。
• seekTo(Duration position): 跳转到视频的特定位置。
• setVolume(double volume): 设置视频播放器的音量。
• setPlaybackSpeed(double speed): 设置播放速度。
• setLooping(bool looping): 启用或禁用循环。
• setMute(bool mute): 静音或取消静音视频播放器。
• dispose(): 处置控制器。
• enterFullScreen(BuildContext context): 进入全屏模式。
• exitFullScreen(BuildContext context): 退出全屏模式。
• reload(): 重新加载当前视频。
• setQuality(String quality): 设置视频质量。

FlexPlayerSource

• AssetFlexPlayerSource(String asset): 视频资源源。
• NetworkFlexPlayerSource(String url): 网络链接源。
• FileFlexPlayerSource(File file): 本地文件源。
• YouTubeFlexPlayerSource(String videoId, {bool isLive = false, bool useIframe = false}): YouTube 视频源。

Enums

• InitializationEvent: 表示播放器的初始化状态。

  • initializing
  • initialized
  • uninitialized

• PlayerState: 表示播放器的状态。

  • playing
  • paused
  • stopped
  • buffering
  • ended

示例

查看 example 目录下的示例，了解如何在 Flutter 应用中使用 flutter_flex_player。

示例代码

import 'package:example/home_page.dart';
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 这个小部件是你的应用的根节点。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const HomePage(),
    );
  }
}