Flutter音视频播放插件fepe_fijkplayer的使用

Flutter音视频播放插件fepe_fijkplayer的使用

Fepe player base on fijkplayer (视频播放插件用于 Flutter)

一个基于 ijkplayer 的 Flutter 媒体播放器插件，支持 iOS 和 Android。

Coding分支

  1. 'main' 用于 Moto、Chillax 和 S&J。
  2. 'salus' 用于 Salus。

检出代码

  1. 安装 Git LFS：
    git lfs install
  2. 初始化子模块：
    git submodule init
  3. 更新子模块：
    git submodule update 或 git submodule update --remote

Release Note

ssl_1.1.1v-20231007-2

  • 添加了一个选项来调试视频/音频缓存的缓冲状态。

使用示例

以下是一个完整的示例代码，展示如何在 Flutter 中使用 fepe_fijkplayer 插件。

示例代码

import 'package:flutter/material.dart';
import 'package:fepe_fijkplayer/fepe_fijkplayer.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> {
  // 初始化 FijkPlayer 实例
  final FijkPlayer player = FijkPlayer();

  @override
  void initState() {
    super.initState();
    // 设置视频源 URL
    player.setDataSource("https://example.com/video.mp4", autoPlay: true);
  }

  @override
  void dispose() {
    // 释放资源
    player.release();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Fepe FijkPlayer 示例'),
      ),
      body: Center(
        child: FijkView(
          player: player, // 绑定 FijkPlayer 实例
          fit: FijkFit.fill, // 设置视频填充方式
        ),
      ),
    );
  }
}

代码说明

  1. 初始化 FijkPlayer 实例：

    final FijkPlayer player = FijkPlayer();

    创建一个 FijkPlayer 对象，用于控制视频播放。

  2. 设置视频源并自动播放：

    player.setDataSource("https://example.com/video.mp4", autoPlay: true);

    使用 setDataSource 方法设置视频源，并启用自动播放。

  3. 释放资源：

    player.release();

    在页面销毁时调用 release 方法释放资源，避免内存泄漏。

  4. 绑定 FijkPlayer 实例到 FijkView：

    FijkView(
  player: player,
  fit: FijkFit.fill,
)

更多关于Flutter音视频播放插件fepe_fijkplayer的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter音视频播放插件fepe_fijkplayer的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


fijkplayer 是一个基于 ijkplayer 的 Flutter 音视频播放插件，它提供了丰富的功能和灵活的配置选项，适用于各种音视频播放场景。fepe_fijkplayer 是 fijkplayer 的一个封装版本，提供了更简洁的 API 和更好的 Flutter 集成体验。

以下是如何在 Flutter 项目中使用 fepe_fijkplayer 的基本步骤：

1. 添加依赖

首先，在 pubspec.yaml 文件中添加 fepe_fijkplayer 依赖：

dependencies:
  flutter:
    sdk: flutter
  fepe_fijkplayer: ^0.0.1  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入包

在需要使用 fepe_fijkplayer 的 Dart 文件中导入包：

import 'package:fepe_fijkplayer/fepe_fijkplayer.dart';

3. 初始化播放器

在 initState 中初始化播放器：

FijkPlayer player;

@override
void initState() {
  super.initState();
  player = FijkPlayer();
}

@override
void dispose() {
  player.release();
  super.dispose();
}

4. 设置播放源

你可以通过 setDataSource 方法设置播放源，支持本地文件、网络 URL 等：

player.setDataSource("https://www.example.com/video.mp4", autoPlay: true);

5. 显示播放器

使用 FijkView 组件来显示播放器：

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('FijkPlayer Example'),
    ),
    body: Center(
      child: FijkView(
        player: player,
      ),
    ),
  );
}

6. 控制播放器

你可以通过 player 对象来控制播放器的行为，例如播放、暂停、停止等：

FloatingActionButton(
  onPressed: () {
    if (player.isPlaying) {
      player.pause();
    } else {
      player.start();
    }
  },
  child: Icon(player.isPlaying ? Icons.pause : Icons.play_arrow),
),

7. 监听播放器状态

你可以通过 player 的 addListener 方法来监听播放器的状态变化：

player.addListener(() {
  if (player.state == FijkState.completed) {
    // 播放完成
  } else if (player.state == FijkState.error) {
    // 播放出错
  }
});

8. 其他功能

fepe_fijkplayer 还支持其他功能，如音量控制、播放速度控制、全屏播放等。你可以参考官方文档或源码来了解更多细节。

9. 处理全屏播放

如果你需要处理全屏播放，可以使用 FijkView 的 fit 属性来控制视频的显示方式，或者通过 FijkView 的 onFullScreen 回调来处理全屏事件。

FijkView(
  player: player,
  fit: FijkFit.fill,
  onFullScreen: (bool isFullScreen) {
    // 处理全屏状态变化
  },
),

10. 处理播放器错误

你可以通过监听 player 的 error 事件来处理播放器错误：

player.addListener(() {
  if (player.state == FijkState.error) {
    // 处理播放器错误
    print("播放器出错: ${player.error}");
  }
});

11. 释放资源

在 dispose 方法中释放播放器资源，以避免内存泄漏：

@override
void dispose() {
  player.release();
  super.dispose();
}

12. 其他配置

fepe_fijkplayer 还支持其他配置，如缓存设置、解码器选择等。你可以通过 FijkPlayer 的 setOption 方法来进行配置。

player.setOption(FijkOption.playerCategory, "enable-accurate-seek", 1);
回到顶部