Flutter音视频录制与播放插件ijk_player_recorder的使用

IJKPlayerRecorder

开始使用

本项目是一个为Flutter设计的插件，它提供了VideoView允许在Flutter上播放和录制RTSP流媒体。

如果您想获取IJKPlayerRecorder的配置，请从IJKPlayer源码获取，

对于仅适用于Android的应用，请从IJKPlayerRecorder获取。

目录

• 功能
• 需求
• 使用方法
• 示例
• 作者
• 许可证

功能

• ✅ 在Flutter上以低延迟播放RTSP视频
• ✅ 支持Android播放和录制视频
• [ ] 支持iOS：待办
• [ ] 添加滤镜/效果到视频：目前不支持

需求

• Flutter SDK: “>=2.12.0 <3.0.0”

使用方法

VideoViewController? _videoViewController;

...
Expanded(child: VideoView(
  onVideoViewCreatedCallback: (VideoViewController controller) {
    setState(() {
      _videoViewController = controller;
    });
  },
))
...

方法支持：

void startPreview() {
  _videoViewController?.start();
}

void stopPreview() {
  _videoViewController?.stopPlayback();
}

Future<void> startRecord() async {
  Directory appDocDir = await getApplicationDocumentsDirectory();
  setState(() {
    outVideo = appDocDir.path + "/a.mp4";
  });
  _videoViewController?.startRecord(outVideo);
}

void stopRecord() {
  _videoViewController?.stopRecord();
}

void setURL() {
  _videoViewController?.setVideoPath(videoURL);
}

示例

以下是一个完整的示例代码，展示如何使用ijk_player_recorder插件进行音视频录制和播放。

import 'dart:async';
import 'dart:io';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:ijk_player_recorder/ijk_player_recorder.dart';
import 'package:ijk_player_recorder/video_view.dart';
import 'package:ijk_player_recorder/video_view_controller.dart';

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

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

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';
  String defaultValue = "rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov";
  String videoURL = "rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov";
  String outVideo = "";
  VideoViewController? _videoViewController;
  final textEditingController = TextEditingController();

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
    textEditingController.text = videoURL;
    textEditingController.addListener(_onTextChanged);
  }

  [@override](/user/override)
  void dispose() {
    cleanUp();
    super.dispose();
  }

  void cleanUp() {
    stopPreview();
    textEditingController.dispose();
  }

  void _onTextChanged() {
    print('Second text field: ${textEditingController.text}');
    String value = textEditingController.text;
    if (value.isEmpty) {
      videoURL = defaultValue;
    }
    setState(() {
      videoURL = value;
    });
  }

  // 平台消息是异步的，因此我们初始化在一个异步方法中。
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能会失败，所以我们使用try/catch PlatformException。
    // 我们还处理消息可能返回null的情况。
    try {
      platformVersion = await IjkPlayerRecorder.platformVersion ?? 'Unknown platform version';
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    // 如果小部件在异步平台消息还在飞行时被从树中移除，我们应该丢弃回复而不是调用setState来更新我们的非存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.max,
            children: [
              Row(
                children: [
                  Expanded(
                    child: TextField(
                      controller: textEditingController,
                    ),
                  ),
                ],
              ),
              Row(
                children: [
                  Text("输出视频路径:" + outVideo),
                ],
              ),
              Row(
                children: [
                  FlatButton(
                    onPressed: setURL,
                    child: Text("设置URL"),
                  ),
                  FlatButton(
                    onPressed: startPreview,
                    child: Text("开始预览"),
                  ),
                  FlatButton(
                    onPressed: stopPreview,
                    child: Text("停止预览"),
                  ),
                ],
              ),
              Row(
                children: [
                  FlatButton(
                    onPressed: startRecord,
                    child: Text("开始录制"),
                  ),
                  FlatButton(
                    onPressed: stopRecord,
                    child: Text("停止录制"),
                  ),
                ],
              ),
              Expanded(
                child: VideoView(
                  onVideoViewCreatedCallback: (VideoViewController controller) {
                    setState(() {
                      _videoViewController = controller;
                    });
                  },
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  void startPreview() {
    _videoViewController?.start();
  }

  void stopPreview() {
    _videoViewController?.stopPlayback();
  }

  Future<void> startRecord() async {
    Directory appDocDir = await getApplicationDocumentsDirectory();
    setState(() {
      outVideo = appDocDir.path + "/a.mp4";
    });
    _videoViewController?.startRecord(outVideo);
  }

  void stopRecord() {
    _videoViewController?.stopRecord();
  }

  void setURL() {
    _videoViewController?.setVideoPath(videoURL);
  }
}