Блог

Главная - Вопросы по программированию - Звук уведомления не работает на мобильных браузерах

Звук уведомления не работает на мобильных браузерах

#javascript #android #jquery #twitter-bootstrap #mobile

#javascript #Android #jquery #twitter-bootstrap #Мобильный

Вопрос:

У меня есть код javascript, как показано ниже:

 <script type="text/javascript" charset="utf-8">
        function addmsg(count, play){
        if(play == 'true')
        {               
            $("#my_audio").get(0).play();
        }
        }

</script>
<html>
  <audio id="my_audio" src="popsound.mp3"></audio>
</html>

В приведенном выше коде переменная «play» похожа на флаг, содержащий значение true или false, и она воспроизводит звук, когда play == ‘true’.Приведенный выше код отлично работает в браузере моего ноутбука, но когда я захожу на страницу через свой мобильный телефон, звук не воспроизводится. Я провел некоторое исследование, но не могу понять, как это сделать в моем случае. Я очень новичок в этой области, поэтому извините, если этот вопрос бессмыслен, но кто-нибудь может мне помочь. Я хотел, чтобы он отлично работал и для мобильных браузеров.Заранее благодарю вас.

Ответ №1:

Вам нужно установить разные форматы для всех устройств (.ogg и .mp3).

 <audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

Источник : http://www.w3schools.com/html/html5_audio.asp

Комментарии:

1. Когда я запустил ту же функцию, создав кнопку и нажав на нее с помощью события onclick, он воспроизводил этот звук даже на мобильных устройствах.

2. Возможно, здесь что-то есть: www.mediaflash.ca/jimscroll/examples/navigationV.html 🙂

3. Я думаю, что мобильный браузер закодирован таким образом, что он не воспроизводит аудио / видео автоматически, поэтому, возможно, именно по этой причине я столкнулся с этой проблемой.