📜 Tümünü Göster 🔄 Otomatiğe Al var oynatici; var sozler=[ { "time": 34.6, "text": "Words like violence,", "meaning": "Kelimeler şiddet gibi," }, { "time": 36.91904793133545, "text": "Break the silence.", "meaning": "Sessizliğini bozuyor." }, { "time": 39.574283931335444, "text": "Come crashing in,", "meaning": "İçine işliyor," }, { "time": 40.84694089700317, "text": "Into my little world.", "meaning": "Benim küçük dünyamın." }, { "time": 43.35061581117248, "text": "Painful to me,", "meaning": "Bana çok acı veriyor," }, { "time": 45.44674519264221, "text": "Pierce right through me,", "meaning": "İçimi delip geçiyor," }, { "time": 47.5657789332428, "text": "Don’t you understand?", "meaning": "Anlamıyor musun?" }, { "time": 49.670345139236446, "text": "Oh my little girl.", "meaning": "Ah benim küçüğüm." }, { "time": 52.014240927520746, "text": "All I ever wanted…", "meaning": "Tek istediğim…" }, { "time": 54.126360916076656, "text": "All I ever needed…", "meaning": "Tek ihtiyacım olan…" }, { "time": 55.53437891226196, "text": "Is here in my arms.", "meaning": "Burada kollarımda." }, { "time": 60.286561910354614, "text": "Words are very unnecessary,", "meaning": "Kelimeler çok gereksiz," }, { "time": 64.21427899809265, "text": "They can only do harm…", "meaning": "Onlar sadece zarar verebilir…" }, { "time": 92.15020406484985, "text": "Vows are spoken,", "meaning": "Yeminler edilir," }, { "time": 94.23772288555908, "text": "To be broken.", "meaning": "Bozulmak için." }, { "time": 96.41477093133544, "text": "Feelings are intense,", "meaning": "Duygular yoğun," }, { "time": 98.32624900762939, "text": "Words are trivial.", "meaning": "Kelimeler kifayetsiz." }, { "time": 100.59014481117248, "text": "Pleasures remain,", "meaning": "Zevkler baki kalır," }, { "time": 102.69431890272521, "text": "So does the pain.", "meaning": "Acılar da öyle." }, { "time": 104.94238783978271, "text": "Words are meaningless,", "meaning": "Kelimeler anlamsız," }, { "time": 107.03108086839295, "text": "And forgettable.", "meaning": "Ve unutulabilir." }, { "time": 109.32657701525879, "text": "All I ever wanted…", "meaning": "Tek istediğim…" }, { "time": 111.4947509256134, "text": "All I ever needed…", "meaning": "Tek ihtiyacım olan…" }, { "time": 112.8266519847412, "text": "Is here in my arms.", "meaning": "Burada kollarımda." }, { "time": 117.5, "text": "Words are very unnecessary,", "meaning": "Kelimeler çok gereksiz," }, { "time": 121.49495388365173, "text": "They can only do harm…", "meaning": "Onlar sadece zarar verebilir…" }, { "time": 162.2621399923706, "text": "All I ever wanted…", "meaning": "Tek istediğim…" }, { "time": 164.42186889128115, "text": "All I ever needed…", "meaning": "Tek ihtiyacım olan…" }, { "time": 165.88750317738342, "text": "Is here in my arms.", "meaning": "Burada kollarımda." }, { "time": 170.759379956131, "text": "Words are very unnecessary,", "meaning": "Kelimeler çok gereksiz," }, { "time": 174.55895212779237, "text": "They can only do harm…", "meaning": "Onlar sadece zarar verebilir…" }, { "time": 179.43193102098084, "text": "All I ever wanted…", "meaning": "Tek istediğim…" }, { "time": 181.38387701335145, "text": "All I ever needed…", "meaning": "Tek ihtiyacım olan…" }, { "time": 182.93595915449524, "text": "Is here in my arms.", "meaning": "Burada kollarımda." }, { "time": 187.66356005722048, "text": "Words are very unnecessary,", "meaning": "Kelimeler çok gereksiz," }, { "time": 191.59222491798403, "text": "They can only do harm…", "meaning": "Onlar sadece zarar verebilir…" } ]; 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: 'aGSKrC7dGcY', // 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); } }