将 html5 视频流后端用于 Flutter 应用程序？答案

【问题标题】：Use html5 video streaming backend for flutter app?将 html5 视频流后端用于 Flutter 应用程序？
【发布时间】：2020-01-10 04:14:09
【问题描述】：

我有一个 node.js 服务器，它将视频从我的本地 pc 流式传输到 html5 视频标签。

我也想使用此后端将视频流式传输到我的 flytter 应用程序，但可以找到任何方法。

一种解决方案是将文件托管在服务器上并使用 video_player 插件播放。

但我希望能够使用相同的后端来播放它，该后端响应包含有关需要哪个数据块的标头的获取请求，然后发送回带有该数据的响应。有什么帮助吗？

播放视频的示例 html：-

<html>
    <title>Welcome</title>
    <body>
        <video controls>
            <source src="http://localhost:8000/movie/0" type="video/mp4"/>
            <!-- fallback -->
            Your browser does not support the <code>video</code> element.
        </video>
    </body>
</html>

节点后端根据来自播放器的 GET 请求使用适当的数据块进行响应。

【问题讨论】：

标签： flutter

【解决方案1】：

唯一需要的数据是视频流链接。在您的示例中，它是"http://localhost:8000/movie/0"。

如果您可以访问后端，我真的建议您以 Json 格式返回请求数据，但您需要在服务器应用程序中对其进行更改，以便能够在需要时返回 html 和/或 Json 数据。

如果您无法更改服务器端代码，一种方法是在您的 Flutter 应用程序中解析 html 文件并自行提取流式链接数据。为此，您可以使用thisflutter 插件来解析 HTML 代码并访问 DOM 以提取视频链接并将其与您已经知道的 video_player 插件一起使用。

另一种方法是在你的 Flutter 应用中使用 webview 小部件。有很多这样的插件可用。

【讨论】：

video_player 插件需要一个指向文件本身的链接。我的链接的作用可以在这个问题中找到：- stackoverflow.com/questions/24976123/…