Сделать аудиоработу во всех браузерах

Я тестировал веб-приложение, и по некоторым причинам много звука, которое должно играть onLoad, во многих случаях не воспроизводится. Есть ли лучшая стратегия для обеспечения воспроизведения аудио на всех устройствах/браузерах?Сделать аудиоработу во всех браузерах

Вот мой код:

$(document).ready(function() { 

    var audio = document.getElementById('audio1'); 
    if (audio.paused) { 
     audio.play(); 
    }else{ 
     audio.currentTime = 0 
} 
});

HTML:

<audio id="audio1" src="https://LINK.wav" ></audio>

источник

2016-06-27 AndrewLeonardi

Я отредактировал, чтобы включить # audio1 – AndrewLeonardi

(под редакцией на основе -Спасибо комментарий обратной связи!)

Wave файлы несжатого аудио и, как правило, очень большие файлы, которые должны быть загружены. Вот почему Mp3, Ogg или AAC являются предпочтительными в качестве веб-форматов. Не все браузеры поддерживают каждый из них. Firefox не поддерживает AAC, а IE и Safari не поддерживают Ogg. Вы можете использовать caniuse to check.

HTML5 аудио будет создана как:

<audio controls preload> 
    <source src="https://LINK.m4a" type="audio/mp4" /> 
    <source src="https://LINK.oga" type="audio/ogg" /> 
</audio>

Информация от this article on HTML5 audio types.

источник

2016-06-27 15:35:35 SugarOverflow

Благодарим вас за отзыв, это имеет смысл! Я отредактировал свой ответ, чтобы включить дополнительную информацию, хотя я думаю, что другой ответ был лучшим ответом на вопрос. – SugarOverflow

Благодарим вас за помощь! – AndrewLeonardi

Вы должны включать в себя тип файла, как

<audio id="audio1" src="your_filepath/LINK.wav" type="audio/wav"></audio>

Но если вы только поставить файл WAV, некоторые браузеры не смогут его воспроизвести (например, IE)

Это более надежно поставлять mp3 и Ogg файлов, например:

<audio> 
    <source src="LINK.ogg" type="audio/ogg"> 
    <source src="LINK.mp3" type="audio/mpeg"> 
</audio>

По крайней мере один из этих двух понимается каждым браузером, и (сжатые файлы) намного меньше, поэтому он выиграл» t возьмите это долго, пока они не загрузятся и не начнут играть.

источник

2016-06-27 15:31:01 Johannes

Сделать аудиоработу во всех браузерах

ответ

Смежные вопросы