Los Lobos – La Bamba

📜 Tümünü Göster 🔄 Otomatiğe Al var oynatici; var sozler = [ { "time": 0, "text": "Para bailar La Bamba", "meaning": "Bamba'yı dans edebilmek için" }, { "time": 13.330622185012817, "text": "Se necesita una poca de gracia", "meaning": "Biraz neşe gerekir" }, { "time": 17.73092004196167, "text": "Una poca de gracia para mí, para ti", "meaning": "Bana da lazım biraz neşe, sana da!" }, { "time": 20.763417811172484, "text": "Y arriba, y arriba", "meaning": "Ve yukarı, daha yukarı" }, { "time": 25.567181967575074, "text": "Por ti seré, por ti seré, por ti seré", "meaning": "Senin için olacağım, senin için" }, { "time": 30.0044419294281, "text": "Yo no soy marinero", "meaning": "Ben bir denizci değilim" }, { "time": 33.01679305149841, "text": "Yo no soy marinero, soy capitán", "meaning": "Denizci değilim, kaptanım" }, { "time": 36.05712417738342, "text": "Soy capitán, soy capitán", "meaning": "Ben kaptanım, ben kaptanım" }, { "time": 40.34893094087219, "text": "Bamba, bamba", "meaning": "Bamba, bamba" }, { "time": 51, "text": "Para bailar La Bamba", "meaning": "Bamba'yı dans edebilmek için" }, { "time": 56.24746011825561, "text": "Se necesita una poca de gracia", "meaning": "Biraz neşe gerekir" }, { "time": 60.54363704959106, "text": "Una poca de gracia", "meaning": "Biraz neşe" }, { "time": 62.45211290844726, "text": "Pa' mí, pa' ti, y arriba, y arriba", "meaning": "Benim için, senin için ve daha yukarı" }, { "time": 100, "text": "Para bailar La Bamba", "meaning": "Bamba'yı dans edebilmek için" }, { "time": 105.055802, "text": "Se necesita una poca de gracia", "meaning": "Biraz neşe gerekir" }, { "time": 109.42295499809265, "text": "Una poca de gracia", "meaning": "Biraz neşe" }, { "time": 111.3674868703003, "text": "Pa' mí, pa' ti, y arriba, y arriba", "meaning": "Benim için, senin için ve daha yukarı" }, { "time": 115.58881423078918, "text": "Y arriba, y arriba", "meaning": "Ve yukarı, daha yukarı" }, { "time": 117.343009125885, "text": "Por ti seré, por ti seré, por ti seré", "meaning": "Senin için olacağım, senin için" }, { "time": 122.95985688937378, "text": "Bamba, bamba", "meaning": "Bamba, bamba" } ]; 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: 'nLAWPrCUQQ0', // 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[i].time && (!sozler[i + 1] || currentTime = 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); } }

İlgili Makaleler

Bir yanıt yazın Yanıtı iptal et