PWA Offline Media Test with Background Fetch

This is a PWA that supports offline media playback via Background Fetch.

Background fetch provides a resilient experience for large downloads: if the user closes the PWA while the movie is downloading, it will be resumed on next load, users can pause or cancel the download, and download progress can be shown to the user. Try try it out:

  1. Click "Make available offline" button.
  2. While it's downloading, try closing and reopening the page. After a brief pause (~30s), the download will resume. 😎
  3. Wait for the download to complete.
  4. Go offline (F12 ➡️ Network ➡️ Change "Online" to "Offline").
  5. Refresh the page.
  6. Click Play on the video. Even though you're offline, the video will still play. 😎