Как смоделировать наличие веб-камеры в HTML5?

Question

Я разрабатываю угловое 7 приложение, которое снимает фотографии с камер телефона или веб-камеры на компьютер. Но одна из моих рабочих машин не имеет веб-камеры. Таким образом, я хотел бы смоделировать наличие камеры.

В идеале я хотел бы смоделировать его из видеофайла, или списка файлов изображений, или одного изображения, или пустого поддельного изображения в крайнем случае.

Я уже использую модуль WebcamModule из 'ngx-webcam', но это не обязательно.

Фактический код HTML выглядит следующим образом:

<!-- in component.html -->
  <webcam [height]="500" [width]="500" [trigger]="triggerObservable" (imageCapture)="handleImage($event)"
    *ngIf="showWebcam" [allowCameraSwitch]="allowCameraSwitch" [switchCamera]="nextWebcamObservable"
    [videoOptions]="videoOptions" (cameraSwitched)="cameraWasSwitched($event)" (initError)="handleInitError($event)">
  </webcam>
  <br />

  <button mat-icon-button (click)="triggerSnapshot();">
    <mat-icon>camera</mat-icon>
  </button>
  <button mat-icon-button (click)="showNextWebcam(true);">
    <mat-icon>switch_camera</mat-icon>
  </button>

и основано на https://stackblitz.com/edit/ngx-webcam-demo

:)