Показать сообщение отдельно
  #2 (permalink)  
Старый 29.09.2015, 16:40
Кандидат Javascript-наук
Отправить личное сообщение для sortarray Посмотреть профиль Найти все сообщения от sortarray
 
Регистрация: 19.09.2015
Сообщений: 117

Сообщение от ryabov
чтоб издавал звук при появлении любого нового html тега на странице.
<html>
<head>
<style>
  
</style>
</head>
<body>


<button id="b"> push element </button>

<script>

b.onclick = function(){
  var d = document.createElement("div")
  d.innerHTML = "foo"
  document.body.appendChild(d)
}
 
audio = new Audio
audio.src = "http://www.lunerouge.org/sons/engins/LRExplosion%2002%20by%20Lionel%20Allorge.ogg"

observer = new MutationObserver(function(mutations){
   mutations.forEach(function(mutation){
     audio.play()
   })
})

window.onload = function(){
 observer.observe(document.body, {childList: true})
}


</script>

</body>
</html>

но слушает, к сожалению, синхронно. то есть,, если во время проигрывания звука появиться элемент, он это событие не поймает
Ответить с цитированием