Downloading static video to offline storage via Fetch API

[jwold]

Feature description

As a user, I should be able to download a static video to offline storage via fetch

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

Design: Contingent a little bit on the design. However a user should be able to view any video on the site, select download, and know that their action is happening.

Relates to #24, #25, #26, #35

Notes

• Discuss which types of videos (single file, stream) are supported for offline.
• Differentiate between using Fetch API and Background Fetch API. Downloading static video to offline storage via Background Fetch API #25

Implementation brief

QA testing instructions

Demo

Changelog entry

[jwold]

@daliamoya and @dero is this one unblocked by design?

[dero]

@jwold Yes, it is.

[dero]

This is implemented and merged to develop.

• We have implemented a VideoDownloader component that downloads the video and saves it to IndexedDB.
• More details in a comment here: Playing videos from offline storage #28 (comment)

[kkalarickal]

Verified on KINO Staging Site on Google Chrome.

Given a end user navigates to the site
When she clicks on the download icon or "Make Available Offline" button
Then the DASH encoded video stream is downloaded to the IndexedDB storage by the service worker
And then is made available for replay, download, deletion when browser/service worker is Offline.

Tested this on Galaxy S21 on Chrome, Safari 14 on Mac and via emulation on Google Chrome DevTools.

Have filed bugs #84 , #86, #87, and #89 related to this ticket.

As far as acceptance criteria go, this ticket has passed QA for phase 1 of the application.

Cc: @dero @jwold

[dero]

Thank you, @kkalarickal, good finds!

We already have a PR for #84 – I linked the ticket to the PR.

I'm going to respond to and / or address the rest tomorrow.