Блог

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

Не удается получить этот звук html5 для воспроизведения на мобильных устройствах

#javascript #html #audio #mobile

#javascript #HTML #Аудио #Мобильный

Вопрос:

У меня есть этот источник звука

  <aside class="audio">
     <audio id="the-fight-audio">
         <source src="audio/the-fight.ogg">
         <source src="audio/the-fight.mp3">
    </audio>
</aside>

И я использую этот javascript для его воспроизведения

 // Play button action
    $('.song .play').click(function(){
        var song = $(this).data('song'),
        audio = $('audio#' song '-audio');
        $('audio').each(function(){
            this.pause(); // Stop playing
            this.currentTime = 0; // Reset time
        }); 

        audio[0].play();
    });

Он работает на рабочем столе, но не на телефоне, есть ли что-то, что я должен сделать, чтобы заставить это работать?

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

1. Какой мобильный браузер вы используете? developer.mozilla.org/en-US/docs/Web/HTML/… Прокрутите весь путь вниз для совместимых типов носителей в разных браузерах

2. w3schools рекомендует также использовать элемент <embed> , w3schools.com/html/html_sounds.asp . Кроме того, указываете ли вы какие-либо правила мультимедиа в своем css для мобильных устройств? т.е. w3schools.com/css/css_mediatypes.asp

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

4. Похоже, это как-то связано с паузой перед воспроизведением, если я удалю это, звук воспроизводится, но если он есть, он вообще не воспроизводится

Метки: