📜 Tümünü Göster 🔄 Otomatiğe Al var oynatici; var sozler=[ { "time": 15.912630982833864, "text": "Every breath you take", "meaning": "Aldığın her nefeste" }, { "time": 19.952618914169314, "text": "And every move you make", "meaning": "Ve her hareketinde" }, { "time": 23.87342699046326, "text": "Every bond you break", "meaning": "Her kopardığın bağda" }, { "time": 25.880239125885012, "text": "Every step you take", "meaning": "Attığın her adımda" }, { "time": 28.001503217437744, "text": "I’ll be watching you", "meaning": "Seni izliyor olacağım" }, { "time": 32.27987395803833, "text": "Every single day", "meaning": "Her günde" }, { "time": 36.37715500190735, "text": "And every word you say", "meaning": "Ve söylediğin her sözde" }, { "time": 40.305081070571894, "text": "Every game you play", "meaning": "Oynadığın her oyunda" }, { "time": 42.31296396757507, "text": "Every night you stay", "meaning": "Kaldığın her gecede" }, { "time": 44.31203689700317, "text": "I’ll be watching you", "meaning": "Seni izliyor olacağım" }, { "time": 48.56063996376037, "text": "Oh, can’t you see", "meaning": "Ah, göremiyor musun?" }, { "time": 52.697332055313105, "text": "You belong to me?", "meaning": "Bana ait olduğunu?" }, { "time": 56.84914998474121, "text": "How my poor heart aches", "meaning": "Zavallı kalbim nasıl da acıyor" }, { "time": 60.6, "text": "With every step you take?", "meaning": "Attığın her adımda?" }, { "time": 64.95284798283386, "text": "Every move you make", "meaning": "Her hareketinde" }, { "time": 68.94484296185303, "text": "And every vow you break", "meaning": "Ve bozduğun her yeminde" }, { "time": 72.98464216212463, "text": "Every smile you fake", "meaning": "Her sahte gülümseyişinde" }, { "time": 75.03259202098083, "text": "Every claim you stake", "meaning": "Bir şey istediğinde" }, { "time": 77.10398390463257, "text": "I’ll be watching you", "meaning": "Seni izliyor olacağım" }, { "time": 83.01639484550476, "text": "Since you’ve gone, I’ve been lost without a trace", "meaning": "Sen gittiğinden beri, iz bırakmadan kayboldum" }, { "time": 87.2651229809265, "text": "I dream at night, I can only see your face", "meaning": "Geceleri rüyamda sadece yüzünü görüyorum" }, { "time": 91.42577587983703, "text": "I look around, but it’s you I can’t replace", "meaning": "Etrafıma bakıyorum ama yerini alamaz ki kimse senin" }, { "time": 95.52198719836426, "text": "I feel so cold, and I long for your embrace", "meaning": "Çok üşüyorum ve kucaklamanı özlüyorum" }, { "time": 99.54518708773803, "text": "I keep crying, baby, baby please", "meaning": "Ağlayıp duruyorum, bebeğim, bebeğim lütfen" }, { "time": 134.6, "text": "Oh, can’t you see", "meaning": "Ah, göremiyor musun?" }, { "time": 138.58661298664856, "text": "You belong to me?", "meaning": "Bana ait olduğunu?" }, { "time": 142.7316069675751, "text": "How my poor heart aches", "meaning": "Zavallı kalbim nasıl da acıyor" }, { "time": 146.83520396566774, "text": "With every step you take?", "meaning": "Attığın her adımda?" }, { "time": 151.05967301335144, "text": "Every move you make", "meaning": "Her hareketinde" }, { "time": 155.09943097520448, "text": "And every vow you break", "meaning": "Ve bozduğun her yeminde" }, { "time": 158.99937106484987, "text": "Every smile you fake", "meaning": "Her sahte gülümseyişinde" }, { "time": 161.0791450305176, "text": "Every claim you stake", "meaning": "Bir şey istediğinde" }, { "time": 163.09088213542177, "text": "I’ll be watching you", "meaning": "Seni izliyor olacağım" }, { "time": 167, "text": "Every move you make", "meaning": "Her hareketinde" }, { "time": 169.23109494277955, "text": "Every step you take", "meaning": "Attığın her adımda" }, { "time": 171.26910800953675, "text": "I’ll be watching you", "meaning": "Seni izliyor olacağım" } ]; var mevcutSatir=-1; var lastMevcutSatir=-1; var sozlerGuncelleInterval; // Şarkı sözlerini oluşturma fonksiyonu sozlerOlustur(); // Tümünü göster ikonuna tıklama document.getElementById('show-all-icon').addEventListener('click', function(){ document.getElementById('sozler-kapsayici').style.height='auto'; document.getElementById('sozler-kapsayici').style.overflowY='visible'; this.style.display='none'; document.getElementById('scroll-icon').style.display='inline'; }); // Scroll moduna dön ikonuna tıklama document.getElementById('scroll-icon').addEventListener('click', function(){ document.getElementById('sozler-kapsayici').style.height='400px'; document.getElementById('sozler-kapsayici').style.overflowY='auto'; this.style.display='none'; document.getElementById('show-all-icon').style.display='inline'; }); function onYouTubeIframeAPIReady(){ oynatici=new YT.Player('oynatici', { height: '315', width: '560', videoId: 'OMOGaugKpzs', // Buraya YouTube video ID'sini girin playerVars: { autoplay: 0, controls: 1, mute: 0, disablekb: 0, rel: 0, showinfo: 0, modestbranding: 1 }, events: { 'onStateChange': oynaticiDurumDegisti } }); } function oynaticiDurumDegisti(event){ if(event.data==YT.PlayerState.PLAYING||event.data==YT.PlayerState.PAUSED||event.data==YT.PlayerState.BUFFERING){ if(!sozlerGuncelleInterval){ sozleriGuncelle(); sozlerGuncelleInterval=setInterval(sozleriGuncelle, 200); } }else{ clearInterval(sozlerGuncelleInterval); sozlerGuncelleInterval=null; } } function sozleriGuncelle(){ if(!oynatici||!oynatici.getCurrentTime) return; var currentTime=oynatici.getCurrentTime(); for (var i=0; i < sozler.length; i++){ if(currentTime >=sozler[i].time&&(!sozler[i + 1]||currentTime < sozler[i + 1].time)){ if(mevcutSatir!==i){ mevcutSatir=i; sozlerStilGuncelle(); } break; } } } function sozlerStilGuncelle(){ if(lastMevcutSatir >=0){ var lastLineEl=document.getElementById('soz-' + lastMevcutSatir); if(lastLineEl){ lastLineEl.classList.remove('current'); lastLineEl.classList.add('passed'); } } var currentLineEl=document.getElementById('soz-' + mevcutSatir); if(currentLineEl){ currentLineEl.classList.add('current'); currentLineEl.classList.remove('passed'); // Mevcut satırı ekranın ortasında göstermek için otomatik kaydırma var sozlerKapsayici=document.getElementById('sozler-kapsayici'); var containerHeight=sozlerKapsayici.clientHeight; var currentLineOffset=currentLineEl.offsetTop - sozlerKapsayici.offsetTop; var scrollPosition=currentLineOffset - (containerHeight / 2) + (currentLineEl.clientHeight / 2); // Yumuşak kaydırma için özel fonksiyon animateScroll(sozlerKapsayici, scrollPosition, 300); } lastMevcutSatir=mevcutSatir; } function animateScroll(element, to, duration){ var start=element.scrollTop; var change=to - start; var startTime=performance.now(); function animateScrollStep(currentTime){ var elapsedTime=currentTime - startTime; var progress=Math.min(elapsedTime / duration, 1); element.scrollTop=start + change * easeInOutQuad(progress); if(progress < 1){ requestAnimationFrame(animateScrollStep); } } requestAnimationFrame(animateScrollStep); } function easeInOutQuad(t){ return t < 0.5 ? 2*t*t:-1+(4-2*t)*t; } function sozlerOlustur(){ var sozlerKapsayici=document.getElementById('sozler-kapsayici'); sozlerKapsayici.innerHTML=''; for (var i=0; i < sozler.length; i++){ var lyricDiv=document.createElement('div'); lyricDiv.className='sozler-satir'; lyricDiv.id='soz-' + i; lyricDiv.setAttribute('data-time', sozler[i].time); var textDiv=document.createElement('div'); textDiv.textContent=sozler[i].text; var meaningDiv=document.createElement('div'); meaningDiv.className='sozler-anlam'; meaningDiv.textContent=sozler[i].meaning; lyricDiv.appendChild(textDiv); lyricDiv.appendChild(meaningDiv); lyricDiv.addEventListener('click', function(){ var time=parseFloat(this.getAttribute('data-time')); oynatici.seekTo(time, true); }); sozlerKapsayici.appendChild(lyricDiv); } }