Только Chrome Загрузка 6 тегов HTML5

Мы работаем над проектом на wavestack.com, и мы имеем дело с проблемой, которая дает нам трудное время.

Наша страница должна одновременно загружать многие аудио теги из источника потоковой передачи. Вы можете проверить концепцию по следующей ссылке:

http://wavestack.com/songs/nTNonwsCSg932CtzPLk1FA==

Проблема возникает, когда мы пытаемся загрузить более 6 треков одновременно, как показано в следующей ссылке:

http://wavestack.com/songs/hp7G8CSsg45t3fV5YNeqbQ==

Эта страница хорошо работает на Firefox и IE10, но не в CHROME.

Мы также замечаем что-то любопытное:

Я печатаю на консоли значение счетчика, которое увеличивается, когда звуковой тег запускает событие "canplaythtough". Мы получаем в общей сложности 6, когда это должно быть 7. Странно, что это что когда вы устанавливаете точку останова в строке 472 (как показано на прилагаемом изображении), а затем возобновляете ее, она набирает 7 раз

Завершая это, CHROME не загружает более 6 треков одновременно, но это странно, когда вы помещаете контрольную точку в обработчик canplaythrough.

Спасибо, пожалуйста, помогите!

Ответ 1

Установите атрибут предварительной загрузки звуковых (и видео) тегов следующим образом: <audio controls preload="none">

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

Ответ 2

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

Ответ 3

По умолчанию Chrome позволяет загружать пять или шесть файлов одновременно, поскольку это значение по умолчанию для большинства установок Windows. Если вам нужно загрузить более пяти файлов, Chrome помещает некоторые из целевых файлов в очередь, а затем загружает их, как только один из пяти слотов становится доступным. Chrome не позволяет вам изменять количество одновременных загрузок в самом приложении. Однако, отредактировав реестр Windows, вы можете установить количество одновременных загрузок в Chrome или любом другом веб-браузере на любой номер, который вы выберете.

Подробнее @ehow.com

Решение.. Один трюк, который вы можете использовать для увеличения количества параллельных подключений, заключается в размещении ваших видеофайлов из другого поддомена. Они будут рассматриваться как отдельные запросы, каждый из которых будет ограничен одновременным максимумом.

Ответ 4

Для справок в будущем:

Плохая практика заключается в том, чтобы загружать их все одновременно, потому что люди с медленными скоростями Интернета не смогут использовать ваш сайт вообще. Все загрузки сделают каждую загрузку очень медленной.

Лучше создавать динамический элемент динамически с помощью Javascript.

Ответ 5

Самый простой способ загрузить все звуковые теги на странице HTML, используйте async.

<audio async preload src="hit1.mp3"></audio>

Я работаю над веб-приложением (игрой), поэтому для меня это вполне разумное решение.