Показать потоковое видео в формате angular 8 с HTML5 Player

Question

Мне нужно открыть режим проигрывателя, когда пользователь нажимает кнопку «Просмотр», чтобы пользователь мог смотреть выбранный фильм или песню, загружая и передавая потоковое видео.

Теперь вопрос заключается в том, нужно ли мне загружатьсначала файл, а затем преобразовать его в защищенный адрес и поместить его на [src], чтобы пользователь мог смотреть поток фильмов или я передаю прямой адрес файл с сервера на проигрыватель для загрузки и потоковой передачи ???

Я пишу этот код, но он ничего мне не показывает.

HTML:

<audio controls>
   <source [src]="fileSource" type="audio/mp3">
</audio>

TS:

 fileSource: any;

ngOnInit(): void {
if (typeof this.data.src === 'number') {
  this.getImageFromService();
  }
}

     createImageFromBlob(image: Blob): void {
    const reader = new FileReader();
    reader.addEventListener('load', () => {
      this.fileSource = reader.result;
    }, false);

    if (image) {
      reader.readAsDataURL(image);
    }
  }

  getImageFromService(): void {

    this.isLoading = true;
    this.postFileService.downloadFile(this.data.src).subscribe(data => {
      this.createImageFromBlob(data);
      this.isLoading = false;
    }, error => {
      this.isLoading = false;
      console.log(error);
    });
  }



downloadFile(id: number): Observable<Blob> {
    const URL = `${this.appConfig.apiEndpoint + '/PostFileContent/DownloadFile/' + id}`;

    return this.http.get(URL, { responseType: 'blob' });
}

Answer 1

Вы можете передать прямой адрес с сервера внутри источника.