angular中直播页面的制作(二)

在上一篇文章讲到，在angular中使用ckPlayer播放器，由于ckPlayer自身插件的问题不能满足我的需求，那么在这一篇，我将会讲解如何在angular中使用video.js播放rtmp视频。

Video.js是一款web视频播放器，支持html5和flash两种播放方式。更有自定义皮肤，插件，组件，语言还丰富的选项配置。值得注意的是在最新版的Video.js，分为video.js和videojs-flash两个包，一定要都下载下来，才能播放rtmp格式的视频流。

Video.js的引入方式

1. index.html中引入

   <link href="https://vjs.zencdn.net/7.8.2/video-js.css" rel="stylesheet" />
   
   <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
   
   <script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script>

   2.在angular.json中引入，网络是不稳定的因素很多，还是比较建议下载文件到本地

(1)把解压后的包文件放到assets文件下

(2)在angular.json中引入文件，效果等同于在index.html中用script标签引入