📜 Tümünü Göster 🔄 Otomatiğe Al var oynatici; var sozler=[ { "time": 0, "text": "Love me tender,", "meaning": "Kıyamadan sev beni," }, { "time": 7.095813979019165, "text": "Love me sweet,", "meaning": "Tatlı tatlı sev beni," }, { "time": 10.287538916076661, "text": "Never let me go.", "meaning": "Asla gitmeme izin verme." }, { "time": 15.967934942779543, "text": "You have made my life complete,", "meaning": "Hayatım seninle anlam buldu." }, { "time": 22.004470028610232, "text": "And I love you so.", "meaning": "Ve seni seviyorum." }, { "time": 28.245087152587892, "text": "Love me tender,", "meaning": "Kıyamadan sev beni," }, { "time": 32.204776860763545, "text": "Love me true,", "meaning": "Harbi sev beni," }, { "time": 34.7165219217987, "text": "All my dreams fulfill.", "meaning": "Tüm hayallerim gerçekleşsin." }, { "time": 41.22038703623962, "text": "For my darlin’ I love you,", "meaning": "Çünkü sevgilim, seni seviyorum." }, { "time": 47.916531017166136, "text": "And I always will.", "meaning": "Ve her zaman seveceğim." }, { "time": 54.34970710490417, "text": "Love me tender,", "meaning": "Kıyamadan sev beni," }, { "time": 57.96579606484985, "text": "Love me long,", "meaning": "Çok sev beni," }, { "time": 60.789977994277955, "text": "Take me to your heart,", "meaning": "Beni kalbine al," }, { "time": 67.02942883787536, "text": "For it’s there that I belong,", "meaning": "Çünkü benim ait olduğum yer orası," }, { "time": 73.43043709918213, "text": "And we’ll never part.", "meaning": "Böylece hiç kopamayacağız." }, { "time": 79.62188084550476, "text": "Love me tender,", "meaning": "Kıyamadan sev beni," }, { "time": 83.49372082452392, "text": "Love me true,", "meaning": "Harbi sev beni," }, { "time": 86.05422807629394, "text": "All my dreams fulfill.", "meaning": "Tüm hayallerim gerçek oldu." }, { "time": 92.67017701144408, "text": "For my darlin’ I love you,", "meaning": "Çünkü sevgilim, seni seviyorum." }, { "time": 99.48012880926514, "text": "And I always will.", "meaning": "Ve her zaman seveceğim." }, { "time": 105.72049988937377, "text": "Love me tender,", "meaning": "Kıyamadan sev beni," }, { "time": 109.43188195040894, "text": "Love me dear,", "meaning": "Sev beni canım," }, { "time": 112.24753911825562, "text": "Tell me you are mine.", "meaning": "Benim olduğunu söyle," }, { "time": 118.55158099809265, "text": "I’ll be yours through all the years,", "meaning": "Tüm yıllar boyunca senin olacağım," }, { "time": 124.6560210705719, "text": "Till the end of time.", "meaning": "Sonsuza kadar." }, { "time": 130.81952512779236, "text": "Love me tender,", "meaning": "Kıyamadan sev beni," }, { "time": 134.56399694277954, "text": "Love me true,", "meaning": "Harbi sev beni," }, { "time": 136.97161700572207, "text": "All my dreams fulfill.", "meaning": "Tüm hayallerim gerçek oldu." }, { "time": 143.4595738893738, "text": "For my darlin’ I love you,", "meaning": "Çünkü sevgilim, seni seviyorum." }, { "time": 150.01951184169008, "text": "And I always will.", "meaning": "Ve her zaman seveceğim." } ]; 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: 'YC0BPcLea0Y', // 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); } }