Angular CLI RTMP 视频播放器不工作

Posted 2023-02-25

【中文标题】Angular CLI RTMP 视频播放器不工作

【英文标题】：Angular CLI RTMP Video player not working

【发布时间】：2017-05-25 00:43:15

【问题描述】：

我一直在尝试在 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"   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 的其他选项是什么？

谢谢！

【参考方案1】：

html5 标签不支持 RTMP 协议。

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

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

【讨论】：

我已经安装了 flash，正如我所说，完全相同的代码在 Ruby on Rails 的视图上运行良好，我是否需要安装插件或相关的东西才能使其在 Angular 上运行？

很难说没有控制台输出，你说你没有得到，但是有一些相当好用的库用于将 videojs 与 Angular 一起使用 - 一个似乎最受欢迎：github.com/LonnyGomes/vjs-video