크롬 만로드 6 HTML5 오디오 태그

Question

우리는 wavestack.com에서 프로젝트를 진행하고 있으며 우리에게 힘든 시간을주고있는 문제를 다루고 있습니다.

우리 페이지는 스트리밍 소스에서 동시에 많은 오디오 태그를로드한다고 가정합니다. 우리가 같은 시간에 6 개 이상의 트랙을로드하려고 할 때 다음과 같은 링크에서와 같이,

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

문제는 온다 :

다음 링크에서 개념을 확인하실 수 있습니다

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

이 페이지는 Firefox와 IE10에서는 잘 작동하지만, 크롬에서는 작동하지 않습니다.

우리는 또한 호기심 뭔가주의 사항 :

내가 콘솔에서 오디오 태그 이벤트 "canplaythtough"를 발사 할 때 증가 카운터의 값을 인쇄하고 있습니다를, 우리는 총을 받고있어 6 일 때, 7 일 것입니다. 이상한 것은 472 줄에 중단 점을 설정하면 (첨부 된 이미지 에서처럼) 7시에 다시 시작합니다.

이렇게하면 결국 동시에 6 개 이상의 트랙을로드하지만 canplaythrough 핸들러에 중단 점을 넣을 때 이상하게 발생합니다.

감사합니다. 제발 도와주세요!

Answer 1

Chrome은 기본적으로 5 개 또는 6 개의 파일을 동시에 다운로드 할 수 있습니다. 이는 대부분의 Windows 설치에서 기본값이기 때문입니다. 다섯 개 이상의 파일을 다운로드해야하는 경우 Chrome은 대상 파일 중 일부를 대기열에 넣은 다음 다섯 개의 슬롯 중 하나가 사용 가능 해지 자마자 다운로드합니다. Chrome은 애플리케이션 자체에서 동시 다운로드 수를 변경할 수 없도록합니다. 그러나 Windows 레지스트리를 편집하여 Chrome 또는 다른 웹 브라우저에서 동시 다운로드 수를 원하는 수로 설정할 수 있습니다.

자세히보기 @ ehow.com

솔루션 : 한 트릭 동시 conncetions의 개수가 다른 서브 도메인에서 비디오 파일을 호스팅하는 것입니다 증가 할 수 있습니다. 이러한 요청은 별도의 요청으로 처리되며 각 도메인은 동시 최대 값으로 제한됩니다. 나중에 참조 할 수 있도록

Answer 2

:

그것은 느린 인터넷 속도를 가진 사람들이 모두 당신의 웹 사이트를 사용할 수 없기 때문에 같은 시간에 그들 모두를로드하는 나쁜 관행입니다. 모든 다운로드는 각 다운로드를 매우 느리게 만듭니다.

자바 스크립트로 오디오 요소를 동적으로 만드는 것이 좋습니다.

Answer 3

프리로드 오디오 태그를 메타 데이터으로 설정하면이 문제를 해결할 수 있다고 생각합니다.

Answer 4

설정 오디오 (비디오)의 프리로드 속성이 같은 태그 : <audio controls preload="none">

이 방법으로 미디어 파일은 페이지로드에 다운로드되지 않습니다 (특히 모바일 성능에 대해 생각). 사용자가 재생을 누르면 관련 파일이 정상적으로 다운로드됩니다.

Answer 5

HTML 페이지에 모든 오디오 태그를로드하는 가장 쉬운 방법은 async입니다.

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

나는 (게임) 웹 응용 프로그램 작업입니다 그래서 이것은 나를 위해 완벽하게 합리적인 솔루션입니다.