如何在Flutter WEB中播放RTSP流。

Question

如何在Flutter WEB中播放RTSP流。

flutterhttpdartrtsp

4

大家好，我是Flutter的新手，我想展示来自我的IP摄像机的RTSP流。有没有办法在Flutter WEB中播放RTSP流。

- Muhammad Shafique

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- TheFunk · Accepted Answer

据我所知，目前没有支持RTSP甚至HLS的网络视频播放器。即使是来自flutter开发团队的官方video_player包，在web上似乎也不支持此功能。不过，我可以提供一个解决方法...

如果您实现了一个不错的webrtc包和媒体服务器，您就可以绕过在客户端直接接收RTSP的需求。我一直在使用flutter_webrtc包，通过livekit_client包进行使用。Livekit有一个SFU，可用于代理RTSP流以与支持WebRTC的客户端通信。我看到很多人也使用ant media server进行此类操作，而且我相信您可以免费使用Ant的社区版。

人们通常会使用媒体服务器来汇聚视频流，这样就不需要一个客户端订阅来自各种来源的15个流，取而代之，某个具有极佳互联网连接和不错硬件的媒体服务器订阅这些流，并生成新的视频流（或多个视频流），以便您的手机、平板电脑或笔记本电脑客户端在4G网络上只需接收可在服务器上进行各种优化的WebRTC流。

编辑：我又想到了一些东西，不知道是否很有效，但你可以在IFrame内动态生成一个HTML页面并使用HTMLElementView。这将允许您使用JavaScript/HTML5视频播放器播放RTSP流，但代价很高，并且您需要进行平台检查以确保在使用它之前运行在web上。