muzik

<button id="musicToggle">🎵</button>

  <audio id="bgMusic" loop muted>
    <source src="https://bekiryildirim.com/wp-content/themes/onepress/muzik.m4a" type="audio/mp4">
    Tarayıcınız ses dosyasını desteklemiyor.
  </audio>

<script>
  const music = document.getElementById('bgMusic');
  const btn = document.getElementById('musicToggle');
  let isPlaying = false;

  // 🎵 Sayfa yüklendiğinde sessizce başlatmayı dene
  window.addEventListener('load', async () => {
    try {
      await music.play(); // sessiz çalma
      console.log("Sessiz müzik başladı.");
      // 1 saniye sonra sesi aç
      setTimeout(() => {
        music.muted = false;
        btn.textContent = "⏸ Müziği Durdur";
        isPlaying = true;
        console.log("Ses açıldı (otomatik).");
      }, 1000);
    } catch (err) {
      console.log("Tarayıcı otomatik çalmaya izin vermedi:", err);
    }
  });

  // 🖱️ Herhangi bir yere tıklanınca müziği başlat
  document.addEventListener('click', async () => {
    if (!isPlaying) {
      try {
        music.muted = false;
        await music.play();
        isPlaying = true;
        btn.textContent = "⏸ Müziği Durdur";
        console.log("Tıklamayla müzik başlatıldı.");
      } catch (err) {
        console.log("Tıklamayla başlatma başarısız:", err);
      }
    }
  });

  // 🎛️ Butonla başlat/durdur kontrolü
  btn.addEventListener('click', async (event) => {
    event.stopPropagation(); // buton tıklaması, genel tıklamayı tetiklemesin
    if (music.paused) {
      try {
        await music.play();
        music.muted = false;
        isPlaying = true;
        btn.textContent = "⏸ Müziği Durdur";
        console.log("Butonla müzik başlatıldı.");
      } catch (err) {
        console.log("Butonla başlatma başarısız:", err);
      }
    } else {
      music.pause();
      isPlaying = false;
      btn.textContent = "▶ Müziği Başlat";
      console.log("Müzik durduruldu.");
    }
  });
</script>