Shaka Offline in Playlists

Shaka Offline playback in playlists

Playlist: { "type": "flowplayer/playlist", "items": [ { "title": "Big Buck Bunny", "metadata": { "title": "Big Buck Bunny", "image": "../../images/bbb.png", "description": "Big Buck Bunny" }, "src": [ { "type": "video/shaka", "src": "https://videos.electroteque.org/hls/bigbuckbunny/playlist.m3u8" } ] }, { "title": "Big Buck Bunny Dash", "metadata": { "title": "Big Buck Bunny Dash", "image": "../../images/bbb.png", "description": "Big Buck Bunny Dash" }, "src": [ { "type": "video/shaka", "src": "https://videos.electroteque.org/dash/nodrm/bbb/bbb.mpd" } ] } ] } PlayerCode: player.on("offline-items", (event) => { const items = event.data; console.log("Offline items ", items); }).on("download-progress", (event) => { const progress = event.data; console.log("Download Progress ", progress); }).on("online-status", (event) => { const isOnline = event.data; console.log("Is Online: ", isOnline); }).on("content-stored", (event) => { const content = event.data; console.log("Content Stored ", content); }).on("download-error", (event) => { const error = event.data; console.log("Download Error ", error); }).on("download-start", (event) => { const data = event.data; console.log("Download Started ", data); }).on("content-removed", event => { const data = event.data; console.log("Content Removed ", data); }).on("content-online", event => { const data = event.data; console.log("Switching back to online source ", data); }).on("content-offline", event => { const data = event.data; console.log("Switching to offline source ", data); });

Offline playback in playlists

    
  <div class="flex flex-col w-full">
          <div id="playlists" class=""></div>

  </div>
  <script type="text/javascript">
  	var player = flowplayer("#playlists", {
    "shaka": {},
    "token": "eyJraWQiOiIyeHRpc0Q5NHZzTjIiLCJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjIjoie1wiYWNsXCI6NixcImlkXCI6XCIyeHRpc0Q5NHZzTjJcIixcImRvbWFpblwiOltcImVsZWN0cm90ZXF1ZS5vcmdcIl19IiwiaXNzIjoiRmxvd3BsYXllciJ9.WLUkZHpDNoaXWDaFO2V5UfXm7SnDvE1pFAM0e7ppnFovOSyCCZM-b8gQNBSElB5yirTP__x76Qyo8pMWh6lVrw"
});
  </script>