Angular CLI RTMP 视频播放器不工作

Question

我一直在尝试在 Angular 上流式传输 rtmp 视频，但由于某种原因它不起作用

我的代码是

<link href="http://vjs.zencdn.net/5.19.2/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}">
  <source src="video_rtmp_url" type="rtmp/mp4">
</video>
<script src="http://vjs.zencdn.net/5.19.2/video.js"></script>

我得到的结果是这样的：

Obs：我已经运行了“npm install --save videojs”命令

Obs²：我在后台使用 ruby​​ on rails，它与视频播放器之间还没有直接关系，但在 rails 视图上，完全相同的代码可以正常工作

Obs³：控制台上没有错误或相关内容

除此之外，在 Angular 上流式传输 RTMP 的其他选项是什么？

谢谢！

Answer 1

HTML5 标签不支持 RTMP 协议。

RTMP 最初是一种 Adob​​e 协议，Flash 播放器确实支持它。

一些基于 HTML5 Javascript 的视频播放器，例如您正在使用的 video.js，将支持 RTMP，但它们通常通过回退到 flash 来实现这一点，因此您必须安装 flash 并且它可以在这种情况下工作。