Flutter视频播放插件vlc_flutter的使用

Flutter视频播放插件vlc_flutter的使用

这是libvlc的Flutter包装插件。更多详细信息请访问他们的网站。

Todo:

• ✅ Android
• ✅ iOS

使用方法

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

dependencies:
  vlc_flutter: ^0.0.2

导入包：

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> {
  VLCController _controller = VLCController();

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

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

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

  [@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: [
                ElevatedButton(
                  child: Text("播放"),
                  onPressed: () async {
                    await _controller.setDataSource(
                        uri: "rtmp://58.200.131.2:1935/livetv/natlgeo");
                    _controller.play();
                  },
                ),
                ElevatedButton(
                  child: Text("暂停"),
                  onPressed: () {
                    _controller.pause();
                  },
                ),
                ElevatedButton(
                  child: Text("停止"),
                  onPressed: () {
                    _controller.stop();
                  },
                ),
                ElevatedButton(
                  child: Text("开始录制"),
                  onPressed: () {
                    _controller.startRecord("/sdcard/test/");
                  },
                ),
                ElevatedButton(
                  child: Text("停止录制"),
                  onPressed: () {
                    _controller.stopRecord();
                  },
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}