HTML Video Caching

[andyhill]

Searching the web I found this code for implementing video caching:-

        '    <script>'+
        '      // -- Create a MediaSource and attach it to the video'+
        '      const videoTag = document.getElementById("MyVideoTag");'+
        '      const myMediaSource = new MediaSource();'+
        '      const url = URL.createObjectURL(myMediaSource);'+
        '      videoTag.src = url;'+
        '      // 1. add source buffers'+
        '      const audioSourceBuffer = myMediaSource.addSourceBuffer(''audio/mp4; codecs="mp4a.40.2"'');'+
        '      const videoSourceBuffer = myMediaSource.addSourceBuffer(''video/mp4; codecs="avc1.64001e"'');'+
        '      // 2. download and add our audio/video to the SourceBuffers for the audio SourceBuffer'+
        '      fetch("https://mydomain.com/audio.mp4").then (function(response)'+
        '        {'+
        '          // The data has to be a JavaScript ArrayBuffer'+
        '          return response.arrayBuffer();'+
        '        }'+
        '      ).then (function(audioData) '+
        '        {'+
        '          audioSourceBuffer.appendBuffer(audioData);'+
        '        }'+
        '      );'+
        '      // the same for the video SourceBuffer'+
        '      fetch("https://mydomain.com/video.mp4").then (function(response)'+
        '        {'+
        '          // The data has to be a JavaScript ArrayBuffer'+
        '          return response.arrayBuffer();'+
        '        }'+
        '      ).then (function(videoData)'+
        '        {'+
        '          videoSourceBuffer.appendBuffer(videoData);'+
        '        }'+
        '      );'+
        '    </script>'+

I have added this script to the HtmlFrame that contains the video tag with the id="MyVideoTag" and ask if any other code is required to activate this javascript caching ?

Thanks in advance

 

[andyhill]

Sherzod please advise

[Sherzod]

8 hours ago, andyhill said:

please advise

Hello,

Please explain what is the main purpose?

[andyhill]

HTMLFrame contains a Large Video, rather than download as a File stream contents in blocks.