[OLD] Random JS Experiments

//--------------------SHADOW DOM------------------------------
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html,body{
position:absolute;
top:0;bottom:0;
left:0;right:0;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
</style>
<script>
let template= document.createElement("template");
template.innerHTML=`<style>
#main{color:blue;}
#sec{color:blue;}
#secb{color:red;}
.uno{background:pink;}
#lolzy div{background:blue;}</style>
<div> Main
<div id="sec"> 2nd</div>
<span>2b</span>
</div>`;

class kdEl extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode: "open" });
this.shadowRoot.appendChild(template.content.cloneNode(true));
}

connectedCallback(){
let x= this.shadowRoot.querySelector("span");
x.contentEditable= this.getAttribute("edit");
this.id= this.getAttribute("id");
}
}

customElements.define("kd-el", kdEl);

</script>
</head>
<body>
<div>hii</div>
<kd-el edit= "true"></kd-el>
<kd-el  id="lolzy" edit= "true"></kd-el>
<span>hiiisss</span>
<script>
let $= document.querySelector.bind(document),
$$= document.querySelectorAll.bind(document);

//GIVEN IDS IN HTML ONLY WORK FOR OUTERDOM
let a= $("#lolzy").shadowRoot.querySelector("span");

a.classList.add("uno");
</script>
</body>
</html>

//--------------------RADIO REGEX------------------------------
let a= /\bhttp:\/\/[^\/]*\/[^\s:"]*/gm;

let b=`
"http://168.195.218.193:8000/radio1-1":"Rapar",
"http://tbn.kloud.xyz:8050/radio.mp3":"Trishul",
"http://108.59.9.147:8136/":"Rasonic",
"http://sgm.kloud.xyz:8030/radio.mp3":"Sangeetmala",
"http://nickerie.webhop.net:8000/;?type=http&amp;nocache=5286":"Ishara",
"http://eksitara.kloud.xyz:8120/radio.mp3":"Ek Sitara",
"http://79.143.187.96:8053/live":"Suvidha",
"http://shruti.kloud.xyz:8000/radio.mp3":"Shruti",
"https://amorfm_192.streampartner.nl/stream":"Amor",
"http://86.82.62.172:8000/live":"Akaash",
"http://94.23.148.11:8058/":"Vahon",
"http://stream2.ujala.nl/stream/2/listen.mp3":"Ujalah",
"http://stream.sunrisefm.nl:9600/stream":"Sunrise",
"http://stream2.iqhosted.nl:8000/stream/1/":"Sangam"
`;

alert(b.match(a).join('\n'));


//--------------------Grab links with keywords------------------------------
let a= "....",
    b= document.querySelectorAll("a"),
    c= [];

b.forEach(i=>{
if(i.outerHTML.includes(a)){
c.push(i.href);
}
});

if(c.length>0) location= c[0];


//--------------------Google Direct Link------------------------------
let a= document.querySelectorAll(".Zu0yb.UGIkD.qzEoUe");

a.forEach(i=>{
let b= i.parentNode.parentNode.href;// or i.closest("a").href
i.innerHTML= `<a href="${b}">${b}</a>`;
i.style.border= "1px solid blue";
});

//--------
let a= document.querySelectorAll(".C8nzq.BmP5tf");
let b= "http://kawiesh.tk/";

a.forEach(i=>{
i.ping= "";

/*i.onclick=()=>{
location= b+ i.href;
return false;
};*/
});

//--------------podcast grab Indian-podcasts.com------------------------------
let a= document.querySelectorAll("audio source");
let a= document.querySelectorAll("audio source");
let b= document.querySelectorAll("audio");
let d= document.querySelectorAll(".max-w-full.flex-grow.py-4.px-6");
let e= document.querySelectorAll(".text-lg.font-bold");
let c= [];

a.forEach((i,x)=>{
if(!d[x].innerHTML.includes("Bloopers")){
c.push(`<a href="${decodeURIComponent(i.src).split("amur04/")[1]}">${e[x].innerText}</a><br>`);
}
});

let z= window.open();
z.document.write(c.join("<br>"));

//-------

let
select= document.querySelector.bind(document),
create= document.createElement.bind(document),
source= select("audio>source"),
channel= select(".ep-ch-info"),
episode= select(".ep-info-title"),
time= select("audio"),

open= window.open("","_blank"),

audio= create("audio"),
kd= create("source"),
div= create("div"),
forward= create("button"),
rewind= create("button");

forward.style.position= "absolute";
forward.style.right= "100px";
forward.style.top= "50%";
forward.innerHTML= "+10s";
forward.onclick=()=> audio.currentTime+=10;

rewind.style.position= "absolute";
rewind.style.left= "100px";
rewind.style.top= "50%";
rewind.innerHTML= "-10s";
rewind.onclick=()=> audio.currentTime-=10;


div.style.height= "20%";
div.style.position= "absolute";
div.style.width= "100%";
div.style.top= "0%";
div.append(forward,rewind);
forward.type= "button";
rewind.type= "button";

audio.append(kd);
kd.src= source.src;
audio.controls= true;
audio.style.display= "block";
audio.style.position= "absolute";
audio.style.top= "20%";
audio.style.width= "60%";
audio.style.left= "20%";

open.document.body.style.backgroundColor="black";
open.document.body.append(div,audio);

if(channel && episode){
open.document.title=
episode.innerText + " - " +
channel.innerText;
}
else open.document.title= "X-Tracted Audio";