Hey mate,
Wanting to create a custom profile for my streaming site.
ATM, I get cc4c to:
await page.waitForSelector('.TM21VideoTile img', { timeout: 30000 }).catch(() => {});
await page.evaluate(() => window.scrollBy(0, 300));
then use the following constants to load the appropriate channel:
const CUSTOM_CHANNEL_MAP = {
espn: '5bce8eb9e4b0a8faf3c14a94',
footy: '5bcefacfe4b0a8faf3c14ae2',
cricket: '5bcef5ede4b0a8faf3c14acf',
'505': '5bcefaf5e4b0cb6f1d7f46fc',
'503': '5bcef93ae4b0a8faf3c14ada',
'506': '5bcefc4ae4b0a8faf3c14aed',
league: '5bcef901e4b0cb6f1d7f46f3',
news: '5bcefccee4b0a8faf3c14aef',
racing: '5ccacc4ae4b020d0a4eb3979',
ufc: '66d524f4e4b06b17c2bfdd58',
espn2: '5bcef583e4b0a8faf3c14acb',
'507': '5bcefc6be4b0cb6f1d7f4703',
then I get fullscreen with the following:
const FULLSCREEN_TOGGLE_FUNCTION = () => {
const uniquePathData =
'M8.384 22.596L8.384 8.384 35.033 8.384 35.033 0 0 0 0 22.596zM8.384 44.954L0 44.954 0 67.313 35.033 67.313 35.033 58.928 8.384 58.928zM81.049 22.596L89.434 22.596 89.434 0 57.391 0 57.391 8.384 81.049 8.384zM81.049 44.954L81.049 58.928 57.391 58.928 57.391 67.313 89.434 67.313 89.434 44.954z';
const fullscreenPath = document.querySelector(`path[d="${uniquePathData}"]`);
if (fullscreenPath) {
const fullscreenButton = fullscreenPath.closest('.gRgwBu');
if (fullscreenButton) {
fullscreenButton.click();
return true;
This was all vibe coded (chatgpt)
some recent changes to try improve it completely broke it for me but would love to try implement this into your project.
Can't seem to find how to make a custom profile to achieve all this.