Показать сообщение отдельно
  #1 (permalink)  
Старый 26.05.2019, 19:23
Интересующийся
Отправить личное сообщение для nikeyb Посмотреть профиль Найти все сообщения от nikeyb
 
Регистрация: 13.03.2014
Сообщений: 10

Звуковое уведомление на js в чате
Добрый вечер! Нужна помощь со звуковым уведомление в чате.
ЭТО НЕ РАБОТАЮЩИЙ ФРАГМЕНТ КОДА, в который нужно добавить на js возможность проигрование звука после отправки сообщения в чат:
$(document).ready(function() {
  $("#exit").click(function() { //Если пользователь хочет выйти
   if (confirm("Выйти из чата?")==true) { window.location = 'index.php?logout=true'; }
  });
  $('#message').submit(function(e) { //Если пользователь отправил сообщение
   var clientmsg = $("#usermsg").val();
   $.post("post.php", {text: clientmsg});
   $("#usermsg").attr("value", "");
   return false;
  });
  function loadLog() { //Загрузить лог чата
   var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
   $.ajax ({
    url: "log.html",
    cache: false,
    success: function(html) {
     $("#chatbox").html(html); //Автопрокрутка
     var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
     if (newscrollHeight > oldscrollHeight) {
      $("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal');
     }
    }
   });
  }
  //Обновление каждые 2.5с
  setInterval (loadLog, 1500);
 });


А ЭТО РАБОТАЮЩИЙ ФРАГМЕНТ КОДА где приходит звуковое оповещение
$(function(){  
	$("#usermsg").focus(); 
  $('<audio id="chatAudio"><source src="notify.ogg" type="audio/ogg"><source src="notify.mp3" type="audio/mpeg"><source src="notify.wav" type="audio/wav"></audio>').appendTo('body');
  $("#submitmsg").on("click",function(){
    var a = $("#usermsg").val().trim();
    if(a.length > 0){
	$("#usermsg").val('');   
	$("#usermsg").focus(); 
     $("<li></li>").html('<img src="small.jpg"/><span>'+a+'</span>').appendTo("#chatMessages");
	  $("#chat").animate({"scrollTop": $('#chat')[0].scrollHeight}, "slow");
      $('#chatAudio')[0].play();
    }
  });
});
Ответить с цитированием