如何使用 Flutter video_player 插件支持来自 ESP32CAM 的视频流？答案

【问题标题】：How to support video streaming from ESP32CAM using flutter video_player plugin?如何使用 Flutter video_player 插件支持来自 ESP32CAM 的视频流？
【发布时间】：2021-07-22 03:23:17
【问题描述】：

我正在使用 flutter video_player 插件进行相机视频流传输。摄像头流来自 ESP32Cam 硬件。

ESP32Cam 使用 http 协议和 mjpeg 格式在网络上流式传输视频

在VLC媒体播放器中验证，编解码器信息如下：

编解码器：动态 JPEG 视频 (MJPG)

解码格式：Planar 4:2:2 YUV full scale

video_player 插件需要哪些配置才能流式传输视频？

这是我用于流式初始化的颤振代码：

late VideoPlayerController _controller;
 _controller = VideoPlayerController.network(
    //'https://www.sample-videos.com/video123/mp4/720/big_buck_bunny_720p_20mb.mp4'
     "http://192.168.216.40",
    // formatHint: VideoFormat.hls,
    )
..initialize().then((_) {
  print("Streaming initialized...");
  // Ensure the first frame is shown after the video is initialized, even before the play button has been pressed.
});

然后我在我的容器小部件中使用小部件

Container(
    child: VideoPlayer(_controller),
),

reference link 的 ESP32Cam 设置

【问题讨论】：

标签： android flutter video-streaming exoplayer flutter-video-player

【解决方案1】：

您可以使用直播插件没有零安全性：https://pub.dev/packages/mjpeg

具有空安全性：https://pub.dev/packages/flutter_mjpeg

【讨论】：

【解决方案2】：

您可以在pubspec.yaml文件中使用上述评论的插件，并执行以下步骤

在State<YourStateName>中添加新的虚拟变量bool isRunning = true;
将虚拟变量放入 Mjpeg[isLive] -> child: Mjpeg(isLive: isRunning, stream: 'replace with your local streaming URL')

您可以使用此链接了解更多信息https://youtu.be/2OjO6K5QuYs

【讨论】：