Flutter屏幕录制插件device_screen_recorder_plus的使用

Flutter屏幕录制插件device_screen_recorder_plus的使用

device_screen_recorder

一个基于 HBRecorder 的 Flutter 插件，用于屏幕录制。此插件要求 Android SDK 21+。

开始使用

此插件可以在 Android 和 iOS 设备上进行屏幕录制。

开始录制

bool started = DeviceScreenRecorder.startRecordScreen(name: 'example');

或者

bool started = DeviceScreenRecorder.startRecordScreen();

停止录制

String path = DeviceScreenRecorder.stopRecordScreen();

Android

在 Android 上使用此插件时，需要在 AndroidManifest.xml 中添加以下权限：

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_INTERNAL_STORAGE" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.FOREGROUND_SERVICE" />

在项目的根目录下的 build.gradle 文件中添加以下配置：

allprojects {
    repositories {
        google()
        mavenCentral()
        maven { url 'https://jitpack.io' }
    }
}

然后在应用级别的 build.gradle 文件中添加依赖：

dependencies {
    implementation 'com.github.HBiSoft:HBRecorder:2.0.0'
}

iOS

目前 iOS 平台尚未支持此插件。

完整示例代码

以下是一个完整的示例代码，展示如何使用 device_screen_recorder_plus 插件进行屏幕录制。

import 'package:device_screen_recorder_plus/device_screen_recorder.dart';
import 'package:flutter/material.dart';

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

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

class _MyAppState extends State<MyApp> {
  bool recording = false; // 是否正在录制
  String path = ''; // 录制文件路径

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('屏幕录制示例'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              // 如果正在录制，则显示“停止”按钮
              recording
                  ? OutlinedButton(
                      onPressed: () async {
                        // 停止录制并获取文件路径
                        var file = await DeviceScreenRecorder.stopRecordScreen();
                        setState(() {
                          path = file ?? ''; // 更新文件路径
                          recording = false; // 停止录制状态
                        });
                      },
                      child: Text('停止'),
                    )
                  : OutlinedButton(
                      onPressed: () async {
                        // 开始录制
                        var status = await DeviceScreenRecorder.startRecordScreen();
                        setState(() {
                          recording = status ?? false; // 更新录制状态
                        });
                      },
                      child: Text('开始'),
                    ),
              // 显示录制文件路径
              Text(path),
            ],
          ),
        ),
      ),
    );
  }
}

更多关于Flutter屏幕录制插件device_screen_recorder_plus的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter屏幕录制插件device_screen_recorder_plus的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


device_screen_recorder_plus 是一个用于在 Flutter 应用中实现屏幕录制的插件。它允许你开始、停止和暂停屏幕录制，并获取录制的视频文件。以下是如何使用该插件的基本步骤：

1. 添加依赖

首先，在 pubspec.yaml 文件中添加 device_screen_recorder_plus 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  device_screen_recorder_plus: ^1.0.0  # 请使用最新版本

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

2. 请求权限

在 Android 设备上进行屏幕录制需要特定的权限。你需要在 AndroidManifest.xml 文件中添加以下权限：

<uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

此外，你还需要在应用中动态请求这些权限。可以使用 permission_handler 插件来请求权限：

dependencies:
  permission_handler: ^10.0.0

然后在 Dart 代码中请求权限：

import 'package:permission_handler/permission_handler.dart';

Future<void> requestPermissions() async {
  await Permission.storage.request();
  await Permission.microphone.request();
  await Permission.manageExternalStorage.request();
}

3. 使用 device_screen_recorder_plus 进行屏幕录制

以下是一个简单的示例，展示如何使用 device_screen_recorder_plus 插件进行屏幕录制：

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

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

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

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

class _ScreenRecorderExampleState extends State<ScreenRecorderExample> {
  final DeviceScreenRecorderPlus _recorder = DeviceScreenRecorderPlus();
  bool _isRecording = false;

  Future<void> _startRecording() async {
    try {
      await _recorder.startRecordScreen();
      setState(() {
        _isRecording = true;
      });
    } catch (e) {
      print("Failed to start recording: $e");
    }
  }

  Future<void> _stopRecording() async {
    try {
      String? filePath = await _recorder.stopRecordScreen();
      setState(() {
        _isRecording = false;
      });
      print("Recording saved at: $filePath");
    } catch (e) {
      print("Failed to stop recording: $e");
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Screen Recorder Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _isRecording ? null : _startRecording,
              child: Text('Start Recording'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _isRecording ? _stopRecording : null,
              child: Text('Stop Recording'),
            ),
          ],
        ),
      ),
    );
  }
}
回到顶部