Is it possible to configure the loader to intercept the remote request of the manifest and return the locally cached m3u8 content?

[Xikee2023]

What do you want to do with Hls.js?

Because I have special needs, my use case needs to load the same m3u8 manifest multiple times, I want to reduce the same request by configuring the loader options so that the same m3u8 request is obtained from the cache, my code is as follows:

const localM3u8 = {};
const hls = new Hls({
            loader: class CustomLoader extends Hls.DefaultConfig.loader {
                constructor(config) {
                    super(config);
                    const load = this.load.bind(this);
                    this.load = (context, config, callbacks) => {
                        const { url, type } = context;
                        const textTypes = ['manifest', 'level', 'audioTrack', 'subtitleTrack']
                        if (textTypes.includes(type)) {
                            const localData = localM3u8[url];
                            if (localData) {
                                //Hit the cache, intercept the request, and return data from the cache
                                const response = {
                                    code: 200,
                                    data: localData,
                                    url: context.url
                                };
                                const stats = {};
                                callbacks.onSuccess(
                                    response,
                                    stats,
                                    context
                                );
                                return;
                            }

                           //If the cache is not hit, the request is made normally and the result is stored in the cache for later use.
                            const onSuccess = callbacks.onSuccess;
                            callbacks.onSuccess = (response, stats, context) => {
                                if (typeof response.data === 'string') {
                                    localM3u8[url] = response.data;
                                }
                                onSuccess(response, stats, context);
                            };
                        }

                        load(context, config, callbacks);
                    }
                }
            }
        });

But unfortunately, when the cache triggers a hit, an error occurs, and the error code should be here:

const response = {
       code: 200,
       data: localData,
       url: context.url
 };
const stats = {};
callbacks.onSuccess(
       response,
       stats,
       context
);

Error details:

Hls.js version is v1.5.20. Can any bro give me some advice? Thanks a lot!!!

What have you tried so far?

No response

[robwalch]

Based on the error message and the code example, you haven't provided a compatible LoaderStats object.