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?

0 ответов

Другие вопросы по тегам