Как зделать звукавое уведомление js?

Question

[ehoboli]

Вчем привет , не подскажете как сделать звуковое уведомление сообщений при входящем сообщении?

if ($k_new!=0 && $k_new_fav==0)
  {
  echo 'тут уведомление';
  }

вот сам рабочий, js

var soundClick = (function () {
    var audio = new Audio();
    audio.src = 'http://freewavesamples.com/files/Yamaha-TG100-Ocarina-C5.wav';
  
    return function () {
      audio.play();
    };
  })();
    <a href="" onclick="soundClick(); return false">Звук!</a>

как сделаь не пойм что бы он срабатывал при входящем сообщении

Comments

[ProjectSoft]

Т. е. в php у вас переменные, а услышать вы хотите в js?
Это так не работает.
Вы, скорее всего, от сервера должны получить данные. И если, по определённому значению, у вас должно быть уведомление, то просто запускаете функцию soundClick();

[Юрий Матрос]

судя по этому посту тут
в ваш код можно вставить скрипт и должно все работать

<?php
if ($k_new != 0 && $k_new_fav == 0) { 
    echo 'тут уведомление';
    echo '<script>
            var audio = new Audio();
            audio.src = "http://freewavesamples.com/files/Yamaha-TG100-Ocarina-C5.wav";
            audio.play();
          </script>';
}
?>

[ehoboli]

ProjectSoft, где то видел скрипт, давно делал, через тег


или можно сделать что бы срабатывал звук при появлении
то есть

if ($k_new!=0 && $k_new_fav==0)
 

 {

  echo '<div  id="ввывод">тут уведомление</div>';
  }

[alexalexes]

Интересно, а как вы получаете состояние на клиенте, что клиенту пришло входящее сообщение?
PHP по своей инициативе такое не отправит:
echo '<div id="ввывод">тут уведомление</div>';
Нужно, чтобы браузер первый запросил. Либо у вас должно быть поднято WebSocket соединение.

[ProjectSoft]

ehoboli, а теперь в js проверяем есть ли id на странице, то уведомление.
Т. е.

document.getElementById("your_id_message") && soundClick();

[ehoboli]

Юрий Матрос, пробовал уже, так не пашет

[ehoboli]

ProjectSoft, а если так ? но я читал что это устаревшая функция?

<object width="1" height="1" align="center">
       <param name="movie"
              value="http://znakomibydem.ru/chat_sound.swf">
       <param name="quality" value="high">
       <param name="bgcolor" value="#F00000">
       <embed src="http://znakomibydem.ru/chat_sound.swf"
              quality="high"
              bgcolor="#FFFFFF"
              width="1"
              height="1"              
              align="center"              
              type="application/x-shockwave-flash"
              pluginspage="http://www.macromedia.com/go
                                      /getflashplayer">
     </object>

[ProjectSoft]

ehoboli, очень устаревшая, хотя прошло ни так очень много времени...
SWF уже давно не поддерживается рядом современных браузеров, а представителей XP ни так много, как это было года четыре - пять назад.
Не используйте объект swf в своём приложении, сайте, etc...

[ProjectSoft]

ehoboli,

пробовал уже, так не пашет

По сути, автоплей не должен работать. Нужно переделывать вашу функцию...

var soundClick = (function () {
	var audio = new Audio();
	audio.src = 'https://freewavesamples.com/files/Yamaha-TG100-Ocarina-C5.wav';
	
	return function () {
		// Найдём в документе элемент в который можно вывести текст;
		let notifiEl = document.getElementById('notification');
		audio.play().then(function(){
			/**
			 * Здесь воспроизведение возможно.
			 * Но мы должны показать пользователю, что у него есть уведомления.
			**/
			// Выведем в консоль удачное сообщение;
			// По хорошему, то не нужно в консоль ничего выводить. Т. е. в рабочем проекте закомментировать строки вывода в консоль.
			console.log("Воспроизведение уведомления");
			// Если элемент существует, то выведем в него сообщение
			notifiEl && notifiEl.innerHTML = `У вас есть сообщение`;
		}).catch(function(err){
			/**
			 * Здесь воспроизведение не возможно вовсе.
			 * Но мы должны показать пользователю, что у него есть уведомления.
			**/
			// Выведем в консоль ошибку
			// По хорошему, то не нужно в консоль ничего выводить. Т. е. в рабочем проекте закомментировать строки вывода в консоль.
			console.log(err);
			// Если элемент существует, то выведем в него сообщение
			notifiEl && notifiEl.innerHTML = `У вас есть сообщение`;
		});
	};
})();

Answer 1

[Nemo Dev]

Переделываем в функцию:

function playAudio($url) {
    $audio = new Audio();
    $audio.src = $url;
    return $audio.play();
 }

Если тут приходит уведомление то проигрываем этот звук:

if ( $k_new !=0 && $k_new_fav == 0 ){
  echo 'тут уведомление';
  $url = "http://freewavesamples.com/files/Yamaha-TG100-Ocarina-C5.wav"
  playAudio($url)
}

Если есть вопросы пиши в коменты, и да у вас скрипт на php?

Answer 2

[ehoboli]

Да, на pho