Videogular 2 с HLS (hls.js) на ionic 3: нет видео в эмуляторах
Я подготовил копию необходимых файлов в ресурсах (hls.min.js и videogular2/fonts), импортировал hls.min.js и css в index.html.
<script src="assets/hls.min.js"></script>
<link href="assets/fonts/videogular.css" rel="stylesheet">
Я импортировал модули в мой app.modules.ts:
import {VgCoreModule} from 'videogular2/core';
import {VgControlsModule} from 'videogular2/controls';
import {VgOverlayPlayModule} from 'videogular2/overlay-play';
import {VgBufferingModule} from 'videogular2/buffering';
import { VgStreamingModule } from 'videogular2/streaming';
Добавил их в раздел импорта:
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
VgCoreModule,
VgControlsModule,
VgOverlayPlayModule,
VgBufferingModule,
VgStreamingModule
],
и добавлен в home.html:
<vg-player>
<video #myMedia
[vgHls]="'https://storage.googleapis.com/shaka-demo-assets/angel-one-hls/master.m3u8'"
id="my-video"
type="video/mp4"
controls>
</video>
</vg-player>
Работает нормально с
ionic serve
Но не работает на мобильных устройствах: эмулятор Android: звук, нет видео Эмулятор IOS: сбой на polyfill.js
Есть ли способ заставить его работать на мобильном телефоне с помощью hls?