как запустить загрузку видеофайла в angular

Question

Я получаю URL видео из моего API. здесь я хочу скачать это видео, используя этот URL. У меня есть кнопка загрузки. когда я нажимаю на эту кнопку, видео должно начать загрузку в моем браузере.

Я искал и нашел какое-то решение, например, поместив атрибут загрузки в тег

<a href="{{selectedVideo.playbackUrl}}" download>Download</a>

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

Может кто-нибудь помочь с этим?

Answer 1

Используя ngx-filesaver, мы можем достичь этого. ngx-filesaver - это пакет angular для filesaver.js, и он прост в использовании.

Найдите здесь образец демонстрации стекаблика

Чтобы использовать его в своем приложении, выполните простые шаги:

1. npm install file-saver ngx-filesaver --save
2. Импорт FileSaverModule в NgModule (это может быть AppModule или любой другой модуль).
3. Используйте нижеприведенную директиву в шаблоне для загрузки файла

<button type="button"
        fileSaver
        [method]="'GET'"
        [fileName]="'videoName.mp4'"
        [url]="'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4'"
>Download Video</button>