У меня есть окно оповещения и звуковое оповещение. При нажатии на закрытое изображение окна оповещения я хочу отключить звуковое оповещение.
Я так и сделал. И окно предупреждения и звуковой сигнал тревоги поступают правильно. Но Аудио останавливается сразу после звукового сигнала (то есть, перед закрытием сообщения с предупреждением).
<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//first slide down and blink the alert box
$("#object").animate({
top: "0px"}, 2000).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
//stop the audio alarm
//close the message box when the cross image is clicked
$("#close_message").click(function()
{
audio.pause(); //stop the audio alarm
$("#object").fadeOut("slow");
});
});
</script>if($a>$B)
{
echo " <script> var audio = document.createElement('audio');
document.body.appendChild(audio);
audio.src = '/sounds-990-system-fault.mp3';
audio.addEventListener('canplaythrough', function() {
audio.play();
}, 5000);
</script>";
echo '<div id="object" class="message">' ;
echo '<img id="close_message" style="float:right;cursor:pointer" src="12-em-cross.png" />';
echo '<strong>Failed </strong>';
echo '</div>';
}
Добавление loop
Атрибут для вашего аудио элемента должно быть достаточно. Таким образом, звук будет проигрываться бесконечно, пока вы не сделаете паузу в коде.
Других решений пока нет …