<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>PLAZMORADIO</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
  <body>
    <header>
      <h1>PLAZMORADIO</h1>
      <p class="tagline">Система мониторинга: plazmocraft.ru | Локация: Красноперекопск</p>
    </header>
    <div id="menu">
      <ul>
        <li>
          <a href="admin/">АДМИНКА</a>
        </li>
        <li>
          <a href="status.xsl">СТАТУС</a>
        </li>
        <li>
          <a href="server_version.xsl">ИНФО</a>
        </li>
      </ul>
    </div>
    <script type="text/javascript">
		function togglePlay(mount, btn) {
			var mid = mount.replace(/\//g, '');
			var audio = document.getElementById("audio_" + mid);
			var container = btn.parentNode.parentNode;

			if (audio.paused) {
				// Сбрасываем старый источник перед игрой, чтобы получить свежий поток
				audio.load(); 
				
				// Обрабатываем Promise для предотвращения Uncaught DOMException
				var playPromise = audio.play();

				if (playPromise !== undefined) {
					playPromise.then(function() {
						// Воспроизведение началось успешно
						btn.innerText = 'STOP';
						container.className += ' is-playing';
					}).catch(function(error) {
						// Обработка ошибки (например, если браузер заблокировал автоплей)
						console.log("Ошибка воспроизведения: ", error);
					});
				}
			} else {
				audio.pause();
				// Очищаем источник после паузы, чтобы не копился буфер в фоне
				audio.src = ''; 
				audio.load();
				audio.src = mount; 
				
				btn.innerText = 'PLAY';
				container.className = container.className.replace(' is-playing', '');
			}
		}

		function changeVolume(mount, val) {
			var mid = mount.replace(/\//g, '');
			var audio = document.getElementById("audio_" + mid);
			if(audio) audio.volume = val;
		}

		function updateTimer(mount) {
			var mid = mount.replace(/\//g, '');
			var audio = document.getElementById("audio_" + mid);
			var timerDisplay = document.getElementById("timer_" + mid);
			
			if (audio &amp;&amp; timerDisplay) {
				var s = Math.floor(audio.currentTime);
				var h = Math.floor(s / 3600);
				var m = Math.floor((s % 3600) / 60);
				var sec = s % 60;
				
				timerDisplay.innerText = 
					(h &lt; 10 ? "0"+h : h) + ":" + 
					(m &lt; 10 ? "0"+m : m) + ":" + 
					(sec &lt; 10 ? "0"+sec : sec);
			}
		}
	</script>
    <div id="footer">
        PLAZMORADIO | plazmocraft.ru
    </div>
  </body>
</html>
