Flutter屏幕录制插件ios_screen_recorder的使用

Screen Recorder 插件适用于iOS平台。该插件可以帮助开发者在iOS设备上实现屏幕录制功能。

使用步骤

以下是一个完整的示例，展示如何使用 ios_screen_recorder 插件来实现屏幕录制功能。

1. 添加依赖

在 pubspec.yaml 文件中添加以下依赖：

dependencies:
  screen_recorder: ^0.0.1

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

flutter pub get

2. 示例代码

以下代码展示了如何使用 ios_screen_recorder 插件进行屏幕录制。

示例代码

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

import 'package:flutter/services.dart';
import 'package:screen_recorder/screen_recorder.dart'; // 导入屏幕录制插件

void main() {
  runApp(const MyApp()); // 启动应用
}

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

  @override
  State<MyApp> createState() => _MyAppState(); // 初始化状态
}

class _MyAppState extends State<MyApp> {
  String _logs = 'Unknown'; // 日志信息
  final _screenRecorderPlugin = ScreenRecorder(); // 初始化屏幕录制插件实例

  @override
  void initState() {
    super.initState();
    String dirPath = ''; // 替换为实际保存视频的路径
    startRecord(dirPath); // 开始录制
  }

  // 开始录制屏幕
  Future<void> startRecord(String dirPath) async {
    try {
      final recordStatus =
          await _screenRecorderPlugin.startScreenRecord(dirPath) ?? '开始录制失败.';
      setState(() {
        _logs = recordStatus; // 更新日志信息
      });
    } on PlatformException catch (e) {
      _logs = '获取平台版本失败: ${e.message}';
    }
  }

  // 停止录制屏幕
  Future<void> stopRecord() async {
    try {
      final videoURL =
          await _screenRecorderPlugin.stopScreenRecord() ?? '停止录制失败.';
      setState(() {
        _logs = videoURL; // 更新日志信息为录制视频的路径
      });
    } on PlatformException {
      _logs = '获取平台版本失败.';
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false, // 去掉调试标志
      home: Scaffold(
        appBar: AppBar(
          title: const Text('屏幕录制插件示例'), // 设置标题
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center, // 主轴居中对齐
            children: [
              Text('日志: $_logs\n'), // 显示日志信息
              ElevatedButton( // 停止录制按钮
                onPressed: () {
                  stopRecord(); // 调用停止录制方法
                },
                child: const Text('停止录制'), // 按钮文字
              ),
            ],
          ),
        ),
      ),
    );
  }
}

3. 运行效果

运行上述代码后，应用会自动开始录制屏幕，并在屏幕上显示录制的状态信息。点击 “停止录制” 按钮后，录制的视频路径将显示在界面上。

注意事项

  1. 权限申请
    在iOS设备上使用屏幕录制功能时，需要确保应用已获得适当的权限（如麦克风权限等）。可以在 Info.plist 中添加以下权限声明：

    <key>NSMicrophoneUsageDescription</key>
<string>我们需要访问您的麦克风以录制音频。</string>

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

1 回复

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


ios_screen_recorder 是一个用于在 iOS 设备上进行屏幕录制的 Flutter 插件。它允许开发者在 Flutter 应用中集成屏幕录制功能，并且支持录制屏幕内容、音频等。

安装插件

首先，你需要在 pubspec.yaml 文件中添加 ios_screen_recorder 插件的依赖：

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

然后运行 flutter pub get 来安装插件。

配置 iOS 项目

在 iOS 项目中，你需要确保已经启用了屏幕录制权限。打开 Info.plist 文件，并添加以下键值对：

<key>NSMicrophoneUsageDescription</key>
<string>我们需要访问麦克风以录制音频。</string>
<key>NSCameraUsageDescription</key>
<string>我们需要访问相机以录制视频。</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>我们需要访问相册以保存录制的视频。</string>

使用插件

在你的 Flutter 代码中，你可以使用 ios_screen_recorder 插件来启动和停止屏幕录制。以下是一个简单的示例：

import 'package:flutter/material.dart';
import 'package:ios_screen_recorder/ios_screen_recorder.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 IosScreenRecorder _recorder = IosScreenRecorder();
  bool _isRecording = false;

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

  Future<void> _stopRecording() async {
    try {
      await _recorder.stopRecording();
      setState(() {
        _isRecording = false;
      });
    } catch (e) {
      print("Failed to stop recording: $e");
    }
  }

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