Puppeteer request interceptor not loggin m3u8 requests

so i have noticed that the interceptor will not log any file with extension .m3u8 and i was wondering why this is ? ill give you an example on twitch. Update i just realized that when this is enabled it just wont allow m3u8 to load period?

const puppeteer = require('puppeteer-extra');



(async () => {
  process.setMaxListeners(Infinity)
  const browser = await puppeteer.launch({
    headless: false,
    args: [  '--window-size=0x0','--ignore-certificate-errors', '--no-sandbox',
    '--disable-setuid-sandbox',
    '--disable-dev-shm-usage',
    '--disable-accelerated-2d-canvas',
    '--no-first-run',
    '--no-zygote',
    '--disable-gpu']
  }); 
  const page = await browser.newPage();
  await page.setRequestInterception(true);
  const urls = [];
  page.on('request', request => {
    urls.push(request.url());
    console.log(urls)
    request.continue();
  });

// you may have to change the channel because idk if this guy will be on when this is looked at
  await page.goto('https://player.twitch.tv/?channel=r3ar3ntry', {
    timeout: 0,
    waitUntil: 'load'
  });
  try {
    await page.waitForSelector('button#mature-link', /*{ timeout: 5000 }*/)
    await page.click('button#mature-link')
    await page.addStyleTag({content: '.player{display: none}'})
  } catch (error) {
    await page.addStyleTag({content: '.player{display: none}'})
  }

})()

[pironside44]

I just ran into this issue as well – I believe this is an issue with how puppeteer does request interception (something with page navigation after the first intercepted request). A way around this is to use a CDP session. Here’s a working example I used to grab the m3u8 from a stream:

https://gist.github.com/pironside44/307248e1c081ef4d27ec38fa0148d4d7

[XeO-tech]

A tip on getting video stream requests from iframes. Iframe is a separate target in terms of CDP, so you need to attach a CDP session to the iframe. You can use browser.targets() after page is loaded, then find one you need, attach a session to it, and intercept requests. Hope this will be helpful for newcomers to this topic.
Additional info: https://stackoverflow.com/questions/63357370/capture-requests-xhr-js-css-from-embedded-iframes-using-devtool-protocol