Change the manifest loading timeout in HLS.js

To set up the manifest loading timeout in HLS.js, you need to configure the xhrSetup option in the HLS.js configuration object. This allows you to customize the XMLHttpRequest used for loading the manifest file.

Here’s an example of how to do it:

var hls = new Hls({
  xhrSetup: function(xhr, url) {
    // Set up the timeout for the manifest loading
    if (url.endsWith('.m3u8')) {
      xhr.timeout = 10000; // Set the timeout to 10 seconds (10000 milliseconds)
    }
    // Add additional setup options if needed
  }
});

hls.loadSource('https://example.com/path/to/manifest.m3u8');
hls.attachMedia(videoElement);

In this example:

• The xhrSetup function is used to configure the XMLHttpRequest.
• The xhr.timeout property is set to 10000 milliseconds (10 seconds) for requests ending with .m3u8 (which is the common extension for HLS manifests).
• You can adjust the timeout value as needed.

This approach ensures that the manifest loading timeout is specifically set up for HLS.js requests, improving the robustness and user experience of your streaming application.