📜 Tümünü Göster 🔄 Otomatiğe Al var oynatici; var sozler=[ { time: 0, text: "Oh, I cannot explain", meaning: "Ah, anlatamıyorum" }, { time: 20, text: "Every time it's the same", meaning: "Hep aynı şey oluyor" }, { time: 22, text: "Oh, I feel that it's real", meaning: "Biliyorum bu gerçek" }, { time: 24, text: "Take my heart", meaning: "Al kalbimi" }, { time: 27, text: "I've been lonely too long", meaning: "Çok uzun zamandır yalnızım" }, { time: 29, text: "Oh, I can't be so strong", meaning: "Ah, böyle güçlü olamam" }, { time: 31, text: "Take the chance for romance", meaning: "Romantizme bir şans ver" }, { time: 33, text: "Take my heart", meaning: "Al kalbimi" }, { time: 35, text: "I need you so", meaning: "Sana çok ihtiyacım var" }, { time: 37, text: "There's no time I'll ever go", meaning: "Hiçbir zaman gitmem" }, { time: 43, text: "Cheri, cheri lady", meaning: "Tatlı, tatlı bayan" }, { time: 45, text: "Goin' through a motion", meaning: "Bir akışın içindeyim" }, { time: 47, text: "Love is where you find it", meaning: "Aşk seni bulduğu yerdedir" }, { time: 49, text: "Listen to your heart", meaning: "Kalbinin sesini dinle" }, { time: 51, text: "Cheri, cheri lady", meaning: "Tatlı, tatlı bayan" }, { time: 53, text: "Living in devotion", meaning: "Düşkünüm sana" }, { time: 55, text: "It's always like the first time", meaning: "Hep ilk seferdeki gibi" }, { time: 58, text: "Let me take a part", meaning: "Gönlünde bir yerim olsun" }, { time: 60, text: "Cheri, cheri lady", meaning: "Tatlı, tatlı bayan" }, { time: 62, text: "Like there's no tomorrow", meaning: "Sanki yarın yokmuş gibi" }, { time: 64, text: "Take my heart, don't lose it", meaning: "Al kalbimi, kaybetme" }, { time: 66, text: "Listen to your heart", meaning: "Kalbinin sesini dinle" }, { time: 68, text: "Cheri, cheri lady", meaning: "Tatlı, tatlı bayan" }, { time: 70, text: "To know you is to love you", meaning: "Seni tanımak seni sevmek demek" }, { time: 72, text: "If you call me baby", meaning: "Sevgilin olursam" }, { time: 75, text: "I'll be always yours", meaning: "Sonsuza kadar seninim" }, { time: 96, text: "I get up, I get down", meaning: "Yükseliyorum, alçalıyorum" }, { time: 98, text: "All my world turns around", meaning: "Bütün dünyam etrafımda dönüyor" }, { time: 100, text: "Who is right, who was wrong", meaning: "Kim haklıydı, kim haksızdı" }, { time: 102, text: "I don't know", meaning: "Bilmiyorum" }, { time: 104, text: "I've got pain in my heart", meaning: "Kalbimde acı" }, { time: 107, text: "Got a love in my soul", meaning: "Ruhumda aşk" }, { time: 109, text: "Easy come, but I think", meaning: "Haydan geliyor ama sanki" }, { time: 111, text: "Easy go", meaning: "Huya gidiyor" }, { time: 113, text: "I need you so", meaning: "Çok ihtiyacım var sana" }, { time: 115, text: "All the times I move so slow", meaning: "Hep yavaş kalıyorum" }, { time: 121, text: "Cheri, cheri lady", meaning: "Tatlı, tatlı bayan" }, { time: 123, text: "Goin' through a motion", meaning: "Bir akışın içindeyim" }, { time: 125, text: "Love is where you find it", meaning: "Aşk seni bulduğu yerdedir" }, { time: 127, text: "Listen to your heart", meaning: "Kalbinin sesini dinle" }, { time: 129, text: "Cheri, cheri lady", meaning: "Tatlı, tatlı bayan" }, { time: 131, text: "Living in devotion", meaning: "Sana düşkünüm" }, { time: 133, text: "It's always like the first time", meaning: "Hep ilk seferki gibi" }, { time: 135, text: "Let me take a part", meaning: "Gönlünde bir yerim olsun" }, { time: 138, text: "Cheri, cheri lady", meaning: "Tatlı, tatlı bayan" }, { time: 140, text: "Like there's no tomorrow", meaning: "Sanki yarın yokmuş gibi" }, { time: 142, text: "Take my heart, don't lose it", meaning: "Al kalbimi, kaybetme" }, { time: 144, text: "Listen to your heart", meaning: "Kalbinin sesini dinle" }, { time: 146, text: "Cheri, cheri lady", meaning: "Tatlı, tatlı bayan" }, { time: 148, text: "To know you is to love you", meaning: "Seni tanımak seni sevmektir" }, { time: 151, text: "If you call me baby", meaning: "Sevgilin olursam" }, { time: 153, text: "I'll be always yours", meaning: "Sonsuza kadar seninim" }, { time: 169, text: "Cheri, cheri lady", meaning: "Tatlı, tatlı bayan" }, { time: 171, text: "Like there's no tomorrow", meaning: "Sanki yarın yokmuş gibi" }, { time: 173, text: "Take my heart, don't lose it", meaning: "Al kalbimi, kaybetme" }, { time: 175, text: "Listen to your heart", meaning: "Kalbinin sesini dinle" }, { time: 177, text: "Cheri, cheri lady", meaning: "Tatlı, tatlı bayan" }, { time: 179, text: "To know you is to love you", meaning: "Seni tanımak seni sevmektir" }, { time: 181, text: "If you call me baby", meaning: "Sevgilin olursam" }, { time: 183, text: "I'll be always yours", meaning: "Sonsuza kadar seninim" } ]; 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: 'eNvUS-6PTbs', // 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); } }