因为项目中要实现一段视频播放,最后由于其他原因被拿掉了,所以在此记录一下 Code , 以便不时之需;
读取本地视频由 WINRT 来实现,读取远程视频由 XMLHttpRequest 来实现,其中包含了获取视频第一帧和下载远程视频等。
1.HTML
<video id="video" class="video" name="media" controls [poster]="videoPoster" crossorigin="anonymous" >
<source [src]="videoSrc | sanitize : 'resourceUrl'" type="video/mp4">
</video>
2.component.ts
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { EMPTY } from 'rxjs';
import { LoggerService } from 'src/app/services/logger/logger.service';
import { SmartAssistService } from 'src/app/services/smart-assist/smart-assist.service';
import { DeviceService } from 'src/app/services/device/device.service';
import { DomSanitizer } from '@angular/platform-browser';
import { LocalCacheService } from 'src/app/services/local-cache/local-cache.service';
import { LocalStorageKey } from 'src/app/enums/local-storage-key.enum';
import { CommonService } from 'src/app/services/common/common.service';
import { Subscription } from 'rxjs/internal/Subscription';
import { AppNotification } from 'src/app/data-models/common/app-notification.model';
import { NetworkStatus } from 'src/app/enums/network-status.enum';
declare const Windows: any;
@Component({
selector: '***',
templateUrl: '