使用 angularjs 播放 rtmp 流的最佳方法是啥？

Posted 2023-02-25

【中文标题】使用 angularjs 播放 rtmp 流的最佳方法是啥？

【英文标题】：What's the best way to play rtmp stream using angularjs?使用 angularjs 播放 rtmp 流的最佳方法是什么？

【发布时间】：2014-02-08 15:01:26

【问题描述】：

我正在尝试在 angularjs 中播放 VOD rtmp 流。流媒体服务器是 Wowza 并且有像 flowplayer 这样的播放器以非角度的方式处理它。 但是使用 angularjs 播放 rtmp 流的最佳方式是什么？

【问题讨论】：

angularjs 不是做这件事的。您可以将任何用于流式传输的解决方案包装到 angularjs

谢谢。您知道任何用于流式传输到 angularjs 的包装解决方案吗？

【参考方案1】：

你需要编写自己的插件来播放 RTMP，这相对容易，你有几个open source plugins 来激励自己。

看看this Youtube plugin，因为和你需要做的很相似，只不过注入一个Youtube播放器，你需要注入一个Flash播放器。您可以使用Video.js、Flowplayer、JWPlayer 或OSMF 进行 RTMP 流式传输，任何解决方案都是一种好方法，因此请选择您感觉更舒适的视频播放器。

【讨论】：

对了，还有一个Flash fallback插件，所以你只需要使用Flash播放器来播放你的RTMP。 github.com/NamPNQ/bower-videogular-flash

【参考方案2】：

这是一个适用于许多媒体库的 mediaPlayer 指令。它是基于模板的，因此您可以根据所选库创建 RTMP 模板。

https://github.com/joshkurz/Black-Belt-AngularJS-Directives/tree/master/directives/mediaPlayer

目前正在使用它

mediaelement.js flowplayer.js 纯 html5

Demo

【参考方案3】：

Videogular 是 AngularJS 的 HTML5 视频播放器。它有一个可通过插件扩展的公共 API。 HTML5 虽然不支持 RTMP。但与@STEVER 建议的类似，您可以将非 HTML5、基于 flash 的流媒体解决方案（例如 Video.js RTMP）包装到 AngularJS 中，以获得 Videogular 的流媒体插件。

【讨论】：

感谢您的回答。如果我只需要流式视频，我应该为 Videogular 编写一个插件还是使用 Video.js 代替？

如果从 S3 存储桶流式传输会怎样？ Videogular 可以做到吗？