Question

我准备了资产中所需文件的副本（hls.min.js和videogular2 / fonts）我在index.html

中导入了hls.min.js和css

Declare @S varchar(50)='2017092018'

Select dateadd(hour, convert(int, right(@s, 2)), left(@s, 8))

我在app.modules.ts中导入了模块：

<script src="assets/hls.min.js"></script>
<link href="assets/fonts/videogular.css" rel="stylesheet">

将它们添加到导入部分：

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';

并添加到home.html：

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

可以正常使用

<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>

但不在移动设备上工作： Android模拟器：声音，没有视频 IOS模拟器：在polyfill.js上崩溃

有没有办法让它在移动设备上运行？

Videogular 2 with HLS（hls.js）on ionic 3：模拟器中没有视频

0 个答案: