如何在角6或HTML 5中流rtmp

Question

我已经集成了rtmp与节点服务器，现在我需要显示rtmp流在我的角6应用程序作为现场视频。有什么建议吗？

我试过维多士和其他球员，但这对我没有用。

<video id="example_video_1" class="video-js vjs-default-skin"
  controls preload="auto" width="640" height="264"
  poster="http://video-js.zencoder.com/oceans-clip.png"
  data-setup='{"example_option":true}'>
 <source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" />
 <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" />
 <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" />
 <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>

​

Answer 1

流需要以可以在HTML5上播放的格式传送(HLS，MPEG破折号，WebRTC)。如果流是H264+AAC，可以使用Wowza作为HLS传递到Safari，那么可以使用Chrome/Firefox (根据浏览器需要自适应回放)。

您可以在这个演示中尝试这种技术，它应该在Safari中播放HLS，在Chrome：https://videonow.live/channel/videonowlive/中播放DASH。

如果使用不同的编解码器或希望发布为WebRTC，也将需要转码。关于进一步的研究，部署这个免费的开源WP插件，以便在您自己的设置上运行这些功能：https://wordpress.org/plugins/videowhisper-live-streaming-integration/

Answer 2

https://www.npmjs.com/package/ngx-webcam

其中一个组件提供了完全的控制，并允许您通过操作和事件绑定获取快照。

Answer 3

Web浏览器不支持没有闪存的rtmp。您必须转换成它所支持的格式，如破折号，并使用像video.js这样的播放器。