Показать сообщение отдельно
  #8 (permalink)  
Старый 03.10.2016, 20:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Skaiman,
<div class="svg-clock">
  <audio id="svg_clock" autoplay loop>
    <source src="clock.ogg" type="audio/ogg" >
    <source src="clock.mp3" type="audio/mp3" >
    Ваш браузер не пожжерживает тег audio!
  </audio>
  <div id="svgtmpButton" class="play" ></div>
</div>



<script>
var svgtmpButton = document.getElementById("svgtmpButton"),
    pause = localStorage.getItem("pause"),
    svg_clock = document.getElementById("svg_clock");

function clockAudio() {
    pause = svg_clock.paused;
    svgtmpButton.classList.toggle("pause");
    svgtmpButton.classList.toggle("play");
    pause ? svg_clock.play() : svg_clock.pause();
    localStorage.setItem("pause", svg_clock.paused ? "pause" : "")
}
if (pause == "pause") {
    svgtmpButton.classList.add("pause");
    svgtmpButton.classList.remove("play");
    svg_clock.pause()
}
svgtmpButton.addEventListener("click", clockAudio);
</script>
Ответить с цитированием