📜 Tümünü Göster 🔄 Otomatiğe Al var oynatici; var sozler=[ { "time": 0, "text": "Come here and visit my world", "meaning": "Gel de dünyamı keşfet" }, { "time": 26.38199105912781, "text": "Dead history shining stars", "meaning": "Küllerinden parlayan yıldızları" }, { "time": 29.27514084931946, "text": "Our love is the only way", "meaning": "Aşkımız tek çıkış yolu" }, { "time": 33.8038179332428, "text": "Don't get lost cause I am waiting", "meaning": "Kaybolma sakın çünkü bekliyorum" }, { "time": 36.12371186648559, "text": "Summer feelings are waiting, boy", "meaning": "Yazın büyüsü seni bekliyor, sevgilim" }, { "time": 39.349092961853025, "text": "You and me is more than a hundred miles", "meaning": "Sen ve ben, yüzlerce milin ötesindeyiz" }, { "time": 44.22387113542175, "text": "You and me is more than the grey sky", "meaning": "Sen ve ben, gri gökyüzünden çok daha fazlasıyız" }, { "time": 49.08871308010864, "text": "You and me is more than the lonely days", "meaning": "Sen ve ben, yalnız geçen günlerden çok daha fazlasıyız" }, { "time": 54.01610819454956, "text": "It's our time to go", "meaning": "Zamanımız geldi" }, { "time": 55.70888681117248, "text": "Dance with me one more time", "meaning": "Benimle bir kez daha dans et" }, { "time": 58.9171368550415, "text": "You and me is more than a hundred miles", "meaning": "Sen ve ben, yüzlerce milin ötesindeyiz" }, { "time": 63.780239131607054, "text": "You and me is more than the grey sky", "meaning": "Sen ve ben, gri gökyüzünden çok daha fazlasıyız" }, { "time": 68.5962710514984, "text": "You and me is more than the lonely days", "meaning": "Sen ve ben, yalnız geçen günlerden çok daha fazlasıyız" }, { "time": 73.55078111634826, "text": "It's our time to go", "meaning": "Zamanımız geldi" }, { "time": 75.31820798283385, "text": "Dance with me one more time", "meaning": "Benimle bir kez daha dans et" }, { "time": 83.06227704386902, "text": "Come here and visit my world", "meaning": "Gel de dünyamı keşfet" }, { "time": 85.27735395803833, "text": "Dead history shining stars", "meaning": "Küllerinden parlayan yıldızları" }, { "time": 87.91934088365173, "text": "Our love is the only way", "meaning": "Bizim aşkımız, tek çıkış yolu" }, { "time": 92.2950711182556, "text": "Don't get lost cause I am waiting", "meaning": "Kaybolma sakın, çünkü bekliyorum" }, { "time": 94.73681210108947, "text": "Summer feelings are waiting, boy", "meaning": "Yazın büyüsü seni bekliyor, sevgilim" }, { "time": 97.89537995422363, "text": "You and me is more than a hundred miles", "meaning": "Sen ve ben, yüzlerce milin ötesindeyiz" }, { "time": 102.77952719073485, "text": "You and me is more than the grey sky", "meaning": "Sen ve ben, gri gökyüzünden çok daha fazlasıyız" }, { "time": 107.71995300572205, "text": "You and me is more than the lonely days", "meaning": "Sen ve ben, yalnız geçen günlerden çok daha fazlasıyız" }, { "time": 112.75322699427795, "text": "It's our time to go", "meaning": "Zamanımız geldi" }, { "time": 114, "text": "Da-dance with me one more time", "meaning": "Benimle bir kez daha dans et" }, { "time": 134.03238400762942, "text": "Dance with me one more time", "meaning": "Benimle bir kez daha dans et" }, { "time": 146.7731699446869, "text": "You and me is more than the lonely days", "meaning": "Sen ve ben, yalnız geçen günlerden çok daha fazlasıyız" }, { "time": 151.88532989700317, "text": "It's our time to go", "meaning": "Zamanımız geldi" }, { "time": 153.1580530228882, "text": "Da-dance with me one more time", "meaning": "Benimle bir kez daha dans et" }, { "time": 156.5531711564026, "text": "You and me is more than a hundred miles", "meaning": "Sen ve ben, yüzlerce milin ötesindeyiz" }, { "time": 161.40824206866455, "text": "You and me is more than the grey sky", "meaning": "Sen ve ben, gri gökyüzünden çok daha fazlasıyız" }, { "time": 166.2995400667572, "text": "You and me is more (more more)", "meaning": "Sen ve ben daha fazlasıyız (fazlasıyız, fazlasıyız)" }, { "time": 171.23576793133546, "text": "It's our time to go", "meaning": "Zamanımız geldi" }, { "time": 172.9207789084473, "text": "Dance with me one more time", "meaning": "Benimle bir kez daha dans et" } ]; 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: 'HqcQvetKvwg', // 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); } }