hls.js - how to increase the preloaded buffer size
<p>I am generating hls content using ffmpeg from a remote src and I keep experience lagging that I do not understand in the browser. </p>

<p>For instance, even though there are say <strong>out8.ts, out9.ts</strong> ... hls.js player will be on say <strong>out7.ts and not load out8.ts or out9.ts.</strong> </p>

<p>It waits until out7.ts <strong>has almost finished</strong> playing and then it tries to load the <strong>out.m3u8</strong> which will contain out8.ts and possibly out9.ts. But it does this so late, it eventually leads to lagging. I am doing this on localhost and in an efficient manner. </p>

<p>This seems to repeat itself once it starts to occur. </p>

<p>How can I make hls.js <strong>ask for the m3u8 more often</strong> and <strong>buffer what ever is present</strong>? Or as much as possible?</p>

<p><strong>Also if there</strong> is already say 1-10.ts files, how can I make hls.js start on not the last one ( although closer to live ) but maybe on 5.ts so it won't run into this tight deadline issues concerning the next updated m3u8 and possibly lenghty 11.ts preventing it from buffering it? </p>

<p>My options: </p>

<pre><code>    new Hls({
            autoStartLoad: true,
            debug: App.isDevelopment(),
            manifestLoadingTimeOut : 60000,
            /*manifestLoadingMaxRetry : 9,*/
            manifestLoadingRetryDelay : 500,
            levelLoadingTimeOut : 60000,
            /*levelLoadingMaxRetry : 9,*/
            levelLoadingRetryDelay : 500,

            fragLoadingTimeOut : 60000,
            /*fragLoadingMaxRetry : 6,*/
            fragLoadingRetryDelay : 250,
            startFragPrefetch : true
    });
</code></pre>

<p>Is there any difference in <strong>using clapper</strong> instead of hls.js regarding controlling such things? </p>