REQUEST A SONG
Live Requests Request A Song,Reacted Live. Send me your track and I'll react to it live on stream. Hear my first, unfiltered reaction in real time, with a shoutout to you. π΄ Reacte d live β Personal shoutout π§ Full reaction π¬ In real time How It Works Three Simple Steps 1 Search first Use the search below to check I haven't already reacted to your track. 2 Request your song Add your name and song in the order box. Set the quantity to send more than one. 3 Catch it live I react to your song live on stream, with your shoutout, and it stays on my channel to rewatch. Search My Reactions π Type an artist name or song to check if I've already reacted to it Go Search Close Search What You Get Everything Included A full, genuine live reaction to your song A personal shoutout during the stream Your song played live on my channel The moment saved on my channel to rewatch anytime Before You Order Quick Things To Know Search firstCheck I haven't already reacted to your song using the search above. Under 10 minutesTracks need to be under 10 minutes long. Requesting a few?Adjust the quantity and add each track. I'll react to them all live. Drop your song in below. Let's hear it live. πΆ const form = document.getElementById('ytSearchForm'); const input = document.getElementById('ytSearchInput'); const results = document.getElementById('ytResults'); const closeBtn= document.getElementById('closeSearchBtn'); const wrapper = document.getElementById('rereSearchSection'); form.addEventListener('submit', function(e){ e.preventDefault(); searchYT(); }); closeBtn.addEventListener('click', closeSearch); async function searchYT(){ const apiKey = "AIzaSyB_4i7-bPYO9JBR2Em9_-VWSzdZ_IxBL-A"; const q = input.value.trim(); input.blur(); results.innerHTML = "Searching..."; if(!q){ results.innerHTML = "Please enter a search term."; wrapper.classList.add('has-results'); closeBtn.classList.add('show'); return; } try{ const res = await fetch(`https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=6&q=${encodeURIComponent(q)}&channelId=UC7ZX8QWnbiaT30M7LMcWc6g&key=${apiKey}`); const data = await res.json(); const items = (data.items||[]).filter(i => i.id && i.id.kind === "youtube#video"); if(!items.length){ results.innerHTML = "No results found. I haven't reacted to this yet π"; wrapper.classList.add('has-results'); closeBtn.classList.add('show'); return; } results.innerHTML = items.map(v=>{ const t=v.snippet.thumbnails||{}; const thumb=(t.maxres&&t.maxres.url)||(t.high&&t.high.url)||(t.medium&&t.medium.url)||(t.default&&t.default.url)||""; const title=v.snippet.title||"Untitled"; const vid=v.id.videoId; return `${title}`; }).join(""); wrapper.classList.add('has-results'); closeBtn.classList.add('show'); }catch(e){ results.innerHTML = "Something went wrong. Please try again."; wrapper.classList.add('has-results'); closeBtn.classList.add('show'); } } function closeSearch(){ results.innerHTML = ""; input.value = ""; closeBtn.classList.remove('show'); wrapper.classList.remove('has-results'); const heading = wrapper.querySelector('h2'); if (heading) heading.scrollIntoView({behavior:'smooth', block:'start'}); } document.addEventListener('keydown', (e)=>{ if(e.key==='Escape') closeSearch(); }); .ea{--gold:#FFD700;--gold-d:#E6B800;--bg:#0A0A0A;--panel:#141414;--line:rgba(255,215,0,.22);--grey:#B8B2A6;--white:#fff;--live:#FF3B30; font-family:'Inter',sans-serif;color:var(--white);max-width:640px;margin:0 auto 30px;-webkit-font-smoothing:antialiased;} .ea *{box-sizing:border-box;} .ea__hero{background:radial-gradient(120% 80% at 50% 0%,rgba(255,215,0,.14),transparent 60%),var(--bg); border:2px solid var(--gold);border-radius:16px;padding:44px 30px 36px;text-align:center;margin-bottom:20px;} .ea__livebadge{display:inline-flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#fff;border:1.5px solid var(--live);border-radius:40px;padding:7px 15px;margin-bottom:18px;} .ea__livebadge i{width:9px;height:9px;border-radius:50%;background:var(--live);box-shadow:0 0 8px var(--live);display:inline-block;} .ea__title{font-family:'Montserrat',sans-serif;font-weight:800;font-size:44px;line-height:1.0;text-transform:uppercase;color:var(--white);margin:0 0 18px;letter-spacing:.5px;} .ea__lede{font-size:16px;font-weight:300;line-height:1.7;color:var(--grey);max-width:460px;margin:0 auto 24px;} .ea__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;} .ea__pill{font-size:12.5px;font-weight:500;color:var(--white);background:rgba(255,215,0,.08);border:1px solid var(--line);border-radius:40px;padding:9px 15px;} .ea__section{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:36px 30px;margin-bottom:20px;text-align:center;} .ea__kicker{font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin:0 0 10px;} .ea__h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:26px;text-transform:uppercase;color:var(--white);margin:0 0 26px;letter-spacing:.5px;} .ea__steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;} .ea__step{background:#0E0E0E;border:1px solid var(--line);border-radius:14px;padding:26px 18px;text-align:center;} .ea__num{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%; background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#0A0A0A;font-family:'Montserrat',sans-serif;font-weight:800;font-size:19px;margin-bottom:14px;} .ea__step b{display:block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px;color:var(--white);margin-bottom:8px;} .ea__step p{font-size:13px;font-weight:300;line-height:1.55;color:var(--grey);margin:0;} .ea__list{list-style:none;margin:0;padding:0;max-width:440px;margin:0 auto;text-align:left;} .ea__list li{position:relative;padding:14px 0 14px 40px;border-bottom:1px solid rgba(255,215,0,.14);font-size:15.5px;color:var(--white);} .ea__list li:last-child{border-bottom:none;} .ea__list li::before{content:'';position:absolute;left:4px;top:16px;width:20px;height:20px;border-radius:50%;background:rgba(255,215,0,.14);border:1px solid var(--gold);} .ea__list li::after{content:'';position:absolute;left:11px;top:19px;width:5px;height:10px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(42deg);} .ea__notes{display:flex;flex-direction:column;gap:12px;text-align:left;max-width:460px;margin:0 auto;} .ea__note{background:#0E0E0E;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;padding:18px 20px;} .ea__note b{display:block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:15px;color:var(--gold);margin-bottom:5px;} .ea__note p{font-size:14px;font-weight:300;line-height:1.6;color:var(--grey);margin:0;} .ea__close{font-family:'Montserrat',sans-serif;font-weight:600;font-size:17px;color:var(--white);margin:26px 0 0;} /* ===== SEARCH WIDGET (restyled to match) ===== */ .rere-search-wrapper{position:relative;max-width:640px;margin:0 auto 20px;font-family:'Inter',sans-serif;color:#fff; padding:34px 30px;box-sizing:border-box;background:var(--bg);border:2px solid var(--gold);border-radius:16px;transition:padding-bottom .2s ease;} .rere-search-wrapper.has-results{padding-bottom:82px;} .rere-search-wrapper h2{color:#fff;font-family:'Montserrat',sans-serif;font-size:24px;font-weight:800;text-transform:uppercase;margin:0 0 8px;text-align:center;letter-spacing:.5px;} .rere-search-wrapper p{font-size:14px;margin:0 0 18px;text-align:center;color:var(--grey);} .rere-input-wrap{position:relative;} .rere-search-input{width:100%;padding:15px 14px;font-size:16px;border-radius:10px;border:1px solid var(--gold);background:#111;color:#fff;box-sizing:border-box;} .rere-search-input::placeholder{color:#8a8578;} .rere-search-input:focus{outline:none;border-color:#fff;} .rere-search-btn{margin-top:12px;padding:15px 20px;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#0A0A0A;border:none;border-radius:40px;cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:700;width:100%;font-size:15px;letter-spacing:1px;text-transform:uppercase;} .rere-inline-submit{display:none;} #ytResults{margin-top:16px;} .rere-search-result{display:flex;align-items:center;margin-bottom:14px;border-bottom:1px solid #2a2a2a;padding-bottom:12px;} .rere-search-result img{margin-right:14px;border-radius:8px;width:38%;max-width:180px;height:auto;} .rere-search-result-title{font-size:14.5px;line-height:1.4;color:#fff;flex:1;} #closeSearchBtn{display:none;position:absolute;left:50%;bottom:18px;transform:translateX(-50%); background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#0A0A0A;border:none;padding:10px 20px;font-size:13px; font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:999px;cursor:pointer; box-shadow:0 0 10px rgba(255,215,0,.4);transition:transform .15s,box-shadow .15s,opacity .15s;opacity:0;width:60%;max-width:260px;min-width:180px;text-align:center;} #closeSearchBtn.show{display:block;opacity:1;} #closeSearchBtn:hover{transform:translateX(-50%) scale(1.03);box-shadow:0 0 16px rgba(255,215,0,.7);} @media (max-width:600px){ .ea__title{font-size:34px;} .ea__h2{font-size:22px;} .ea__steps{grid-template-columns:1fr;gap:12px;} .rere-search-input{padding-right:56px;} .rere-inline-submit{display:block;position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:9px 14px;font-size:13px;font-weight:700;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#0A0A0A;} .rere-search-btn{display:none;} .rere-search-result{flex-direction:column;align-items:flex-start;} .rere-search-result img{margin:0 0 10px;width:100%;max-width:none;} #closeSearchBtn{width:70%;} }
More you might like
Related
Song Request card Cassette Tape Song Request Wedding insert
Custom Wedding DJ Song Request Card Editable, Reception DJ S
Custom Wedding First Dance Song Request Editable, Wedding So
Related