Ionic3中如何用videoangular2播放m3u8和rtmp直播格式（一）

想用ionic制作一个电视直播的软件，查找了一些资料，最后锁定用videoangular2插件来做。电视直播的源一般是m3u8、rtmp、rtsp格式，查了videogular2的官方帮助，完全支持这些格式，那就开始行动起来吧！ 

第一步：安装videogular2

npm install videogular2 --save
npm install @types/core-js --save-dev

第二步：在app.module.ts文件中添加如下代码

import {VgCoreModule} from 'videogular2/core';
import {VgControlsModule} from 'videogular2/controls';
import {VgOverlayPlayModule} from 'videogular2/overlay-play';
import {VgBufferingModule} from 'videogular2/buffering';

imports: [
BrowserModule,
VgCoreModule,
VgControlsModule,
VgOverlayPlayModule,
VgBufferingModule,
IonicModule.forRoot(MyApp)
],

第三步：在播放视频的html页面中添加以下代码

<vg-player>
<video [vgMedia]="media" #media id="videoZhibo" preload="auto" controls>
<source src="http://static.videogular.com/assets/videos/videogular.mp4" type="video/mp4">
</video>
</vg-player>

第四步：在浏览器中预览，即可以看到如下效果

 当然，这做为直播软件还相当简陋，只是代码预研，后续会继续的完善，请多多的关注哦！ 如果觉得写的不错，可以打赏哦，您的支持是我一直努力的动力！