Tylko Chrome Ładowanie 6 znaczników dźwiękowych HTML5

Question

Pracujemy nad projektem na wavestack.com i mamy do czynienia z problemem, który sprawia nam trudność.

Nasza strona ma ładować wiele tagów audio w tym samym czasie, ze źródła strumieniowego. Można sprawdzić koncepcję w poniższym linku:

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

Problem pojawia się, gdy chcemy, aby załadować więcej niż 6 utworów w tym samym czasie, jak pokazano w poniższym linku:

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

Ta strona działa również w przeglądarkach Firefox i IE10, ale nie w CHROME.

również zauważyć coś dziwnego:

mam drukowania w konsoli wartość licznik sumujący gdy znacznik dźwięku odpala zdarzenie „canplaythtough” Jesteśmy coraz łącznie 6, gdy ma być 7. Dziwne jest to, że po ustawieniu punktu przerwania w linii 472 (jak pokazano na załączonym obrazku), a następnie wznowić, uderzy 7 razy

Podsumowując, CHROME nie jest ładowanie więcej niż 6 ścieżek w tym samym czasie, ale to dziwne, gdy umieścisz punkt przerwania w procederze obsługi Canplaythrough.

Dziękuję, proszę o pomoc!

Answer 1

Domyślnie Chrome umożliwia jednoczesne pobieranie pięciu lub sześciu plików, ponieważ jest to wartość domyślna w większości instalacji systemu Windows. Jeśli chcesz pobrać więcej niż pięć plików, Chrome umieszcza niektóre pliki docelowe w kolejce, a następnie pobiera je, gdy tylko jeden z pięciu automatów stanie się dostępny. Chrome nie pozwala na zmianę liczby jednoczesnych pobrań w samej aplikacji. Jednak edytując Rejestr systemu Windows, można ustawić liczbę jednoczesnych pobrań w przeglądarce Chrome lub dowolnej innej przeglądarce internetowej na dowolny wybrany numer.

Czytaj więcej @ehow.com

Rozwiązanie: Jeden trick można użyć, aby zwiększyć liczbę jednoczesnych conncetions jest udostępnić swoje pliki wideo z innej domeny sub. Będą one traktowane jako oddzielne wnioski, każda domena będzie ograniczona do równoczesnego maksimum.

Answer 2

Na przyszłość:

To zła praktyka, aby załadować je wszystkie w tym samym czasie, ponieważ ludzie z małych prędkościach internetowych nie będzie w stanie wykorzystać swoją stronę w ogóle. Wszystkie pobrania spowodują, że każde pobranie będzie bardzo powolne.

Lepiej jest utworzyć element audio dynamicznie z Javascriptem.

Answer 3

Myślę, że ten problem można rozwiązać poprzez ustawienie atrybutu preload tag audio metadanych.

Answer 4

ustawić atrybut preload (audio i wideo) Tagi tak: <audio controls preload="none">

ten sposób pliki multimedialne nie będzie pobrać na stronie obciążenia (myślę o mobilnej wydajności zwłaszcza). Kiedy użytkownik naciśnie przycisk odtwarzania, odpowiedni plik zostanie pobrany w normalny sposób.

Answer 5

Najprostszym sposobem na załadowanie wszystkich tagów audio na stronie HTML, użyj async.

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

Pracuję na aplikacji internetowej (gry), więc jest to całkowicie uzasadnione rozwiązanie dla mnie.