Flutter屏幕录制插件hh_screen_recorder的使用

Flutter屏幕录制插件hh_screen_recorder的使用

hh_screen_recorder 是一个用于Android、iOS和MacOS的基本屏幕录制插件。它可以帮助开发者轻松地在这些平台上实现屏幕录制功能。

示例代码

以下是一个简单的示例代码,展示了如何使用 hh_screen_recorder 插件进行屏幕录制。

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

import 'package:flutter/services.dart';
import 'package:hh_screen_recorder/hh_screen_recorder.dart';

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';
  final _hhScreenRecorderPlugin = HhScreenRecorder();

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

  // 平台消息是异步的,因此我们在异步方法中初始化。
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能会失败,所以我们使用try/catch处理PlatformException。
    // 我们还处理消息可能返回null的情况。
    try {
      platformVersion =
          await _hhScreenRecorderPlugin.getPlatformVersion() ?? '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: Text('运行于: $_platformVersion\n'),
        ),
      ),
    );
  }
}

代码解释

  1. 导入必要的包

    import 'package:flutter/material.dart';
    import 'dart:async';
    
    import 'package:flutter/services.dart';
    import 'package:hh_screen_recorder/hh_screen_recorder.dart';
    
  2. 主函数

    void main() {
      runApp(const MyApp());
    }
    
  3. 创建主应用类

    class MyApp extends StatefulWidget {
      const MyApp({super.key});
    
      [@override](/user/override)
      State<MyApp> createState() => _MyAppState();
    }
    
  4. 定义状态类

    class _MyAppState extends State<MyApp> {
      String _platformVersion = 'Unknown';
      final _hhScreenRecorderPlugin = HhScreenRecorder();
    
      [@override](/user/override)
      void initState() {
        super.initState();
        initPlatformState();
      }
    
  5. 初始化平台状态

    Future<void> initPlatformState() async {
      String platformVersion;
      try {
        platformVersion =
            await _hhScreenRecorderPlugin.getPlatformVersion() ?? 'Unknown platform version';
      } on PlatformException {
        platformVersion = 'Failed to get platform version.';
      }
    
      if (!mounted) return;
    
      setState(() {
        _platformVersion = platformVersion;
      });
    }
    
  6. 构建UI

    [@override](/user/override)
    Widget build(BuildContext context) {
      return MaterialApp(
        home: Scaffold(
          appBar: AppBar(
            title: const Text('插件示例应用'),
          ),
          body: Center(
            child: Text('运行于: $_platformVersion\n'),
          ),
        ),
      );
    }
    

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

1 回复

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


hh_screen_recorder 是一个用于在 Flutter 应用中实现屏幕录制的插件。它允许你捕获设备的屏幕内容并将其保存为视频文件。以下是如何在 Flutter 项目中使用 hh_screen_recorder 插件的基本步骤。

1. 添加依赖

首先,你需要在 pubspec.yaml 文件中添加 hh_screen_recorder 插件的依赖。

dependencies:
  flutter:
    sdk: flutter
  hh_screen_recorder: ^0.0.1  # 请确保使用最新版本

然后运行 flutter pub get 来获取依赖。

2. 配置权限

屏幕录制需要特定的权限。你需要在 AndroidManifest.xml 文件中添加以下权限:

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

对于 iOS,你需要在 Info.plist 文件中添加以下权限:

<key>NSCameraUsageDescription</key>
<string>We need access to the camera to record the screen.</string>
<key>NSMicrophoneUsageDescription</key>
<string>We need access to the microphone to record audio.</string>

3. 初始化插件

在你的 Dart 代码中,首先导入 hh_screen_recorder 插件:

import 'package:hh_screen_recorder/hh_screen_recorder.dart';

然后初始化 HhScreenRecorder 实例:

final HhScreenRecorder _recorder = HhScreenRecorder();

4. 开始录制

你可以使用 startRecording 方法来开始屏幕录制。你需要指定输出文件的路径。

void startRecording() async {
  try {
    String path = "/storage/emulated/0/Movies/screen_record.mp4";
    await _recorder.startRecording(path);
    print("Recording started");
  } catch (e) {
    print("Failed to start recording: $e");
  }
}

5. 停止录制

使用 stopRecording 方法来停止录制并保存视频文件。

void stopRecording() async {
  try {
    await _recorder.stopRecording();
    print("Recording stopped");
  } catch (e) {
    print("Failed to stop recording: $e");
  }
}

6. 处理录制状态

你可以监听录制状态的变化,以便在 UI 中显示相应的信息。

_recorder.onRecordingStateChanged.listen((event) {
  print("Recording state changed: $event");
});

7. 示例代码

以下是一个简单的示例,展示了如何在 Flutter 应用中使用 hh_screen_recorder 进行屏幕录制。

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

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

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

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

class _ScreenRecorderPageState extends State<ScreenRecorderPage> {
  final HhScreenRecorder _recorder = HhScreenRecorder();
  bool isRecording = false;

  [@override](/user/override)
  void initState() {
    super.initState();
    _recorder.onRecordingStateChanged.listen((event) {
      setState(() {
        isRecording = event == RecordingState.Recording;
      });
    });
  }

  void startRecording() async {
    try {
      String path = "/storage/emulated/0/Movies/screen_record.mp4";
      await _recorder.startRecording(path);
      print("Recording started");
    } catch (e) {
      print("Failed to start recording: $e");
    }
  }

  void stopRecording() async {
    try {
      await _recorder.stopRecording();
      print("Recording stopped");
    } catch (e) {
      print("Failed to stop recording: $e");
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Screen Recorder'),
      ),
      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"),
            ),
          ],
        ),
      ),
    );
  }
}
回到顶部