Flutter视频播放插件vlc_flutter_compat的使用

Flutter视频播放插件vlc_flutter_compat的使用

这是libvlc的Flutter包装插件。详情请访问其网站。

使用说明

依赖项

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

dependencies:
  vlc_flutter: ^0.0.2

导入包

在你的Dart文件中导入以下包：

import 'package:vlc_flutter/vlcplayer.dart';

创建控制器

创建一个VLCController实例：

// "-vvv"选项用于详细日志记录，便于调试
VLCController _controller = VLCController(args: ["-vvv"]);

创建播放视图

创建一个用于播放的视图：

AspectRatio(
  aspectRatio: 16 / 9,
  child: VLCVideoWidget(
    controller: _controller,
  ),
)

播放网络视频

根据uri播放视频：

ElevatedButton(
  child: Text("播放"),
  onPressed: () async {
    await _controller.setDataSource(uri: "rtmp://58.200.131.2:1935/livetv/natlgeo");
    _controller.play();
  },
)

你也可以直接使用play方法：

_controller.play(uri: "rtmp://58.200.131.2:1935/livetv/natlgeo");

播放本地资源

播放本地资源：

_controller.play(path: "/sdcard/test/test.mp4");

监听播放状态

监听播放器的状态变化：

_controller.onPlayerState.listen((event) {
  debugPrint("=*= $event =*=");
});

监听播放事件

监听播放事件：

_controller.onEvent.listen((event) {
  if (event.type == EventType.PositionChanged) {
    debugPrint("==[${event.positionChanged}]==");
  }
});

添加字幕

加载本地字幕并设置显示位置：

// 加载本地字幕
await _controller.addSlave(path: "/sdcard/test/Test.srt");

// 设置字幕显示位置
_controller.setVideoTitleDisplay(Position.Bottom, 1000);

录制视频

指定目录并开始录制：

// 指定目录并开始录制
_controller.startRecord("/sdcard/test/");

// 停止录制
_controller.stopRecord();

添加网络权限

为了播放网络资源，不要忘记在AndroidManifest.xml中添加网络权限：

<uses-permission android:name="android.permission.INTERNET" />

如果需要录制视频，可能还需要以下权限（这些是Android 6.0及以上版本的危险权限，因此你可能还需要flutter_easy_permission插件）：

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

示例代码

以下是一个完整的示例代码：

class _MyAppState extends State<MyApp> {
  final VLCController _controller = VLCController(args: [
    "-vvv",
    '--network-caching=300',
    '--live-caching=300',
    '--clock-jitter=10',
    '--clock-synchro=10',
    '--avcodec-hurry-up',
    '--avcodec-fast',
    '--avcodec-dr',
    '--rtsp-mcast',
    '--rtsp-tcp',
  ]);

  [@override](/user/override)
  void initState() {
    super.initState();
    _controller.onEvent.listen((event) {
      if (event.type == EventType.TimeChanged) {
        debugPrint("==[${event.timeChanged}]==");
      }
    });

    _controller.onPlayerState.listen((state) {
      debugPrint("--[$state]--");
    });

    load();
  }

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

  load() async {
    await _controller.setDataSource(uri: "rtsp://192.168.68.103:1935");
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('VLCPlayer插件示例'),
        ),
        body: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            AspectRatio(
              aspectRatio: 16 / 9,
              child: VLCVideoWidget(
                controller: _controller,
              ),
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: [
                TextButton(
                  child: const Text("播放"),
                  onPressed: () async {
                    _controller.play();
                  },
                ),
                TextButton(
                  child: const Text("暂停"),
                  onPressed: () {
                    _controller.pause();
                  },
                ),
                TextButton(
                  child: const Text("停止"),
                  onPressed: () {
                    _controller.stop();
                  },
                ),
                TextButton(
                  child: const Text("开始录制"),
                  onPressed: () {
                    _controller.startRecord("/sdcard/test");
                  },
                ),
                TextButton(
                  child: const Text("停止录制"),
                  onPressed: () {
                    _controller.stopRecord();
                  },
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}