2010-12-31 2 views
8

HTML5 동영상 태그를 사용하여 특정 시간의 동영상을 재생할 수 있기를 원하며 (현재 Chrome에 대해 걱정할 필요가 있음) 이는 video 요소의 currentTime 속성을 설정하여 가능합니다. Chrome에서 html5rocks.com에서 제공 한 비디오로 제대로 작동하지만 내 로컬 웹 서버에서 동일한 파일이로드 될 때 무시됩니다. http://playground.html5rocks.com/#video_tag에서 샘플 코드를 사용Chrome의 HTML5 동영상 태그 - 내 웹 서버에서 동영상을 다운로드 할 때 currentTime이 무시되는 이유는 무엇입니까?

, 나는 다음과 같은 HTML에 도착했습니다 다음 때까지 비디오는

  1. 대기가 (조금 을 다운로드 할 경우, 크롬을 사용

    <!DOCTYPE html> 
    <html> 
    <body> 
    <video id="video1" width="320" height="240" volume=".7" controls preload=true autobuffer> 
        <source src="http://playground.html5rocks.com/samples/html5_misc/chrome_japan.webm" type='video/webm; codecs="vp8, vorbis"'/> 
        </video> 
    <input type=button onclick="play()" value="play"> 
    <input type=button onclick="setTime()" value="setTime"> 
    <input type=button onclick="pause()" value="pause"> 
    <script> 
        var play=function() { 
         document.getElementById("video1").play(); 
        } 
        var setTime=function() { 
         document.getElementById("video1").currentTime=2; 
        } 
        var pause=function() { 
         document.getElementById("video1").pause(); 
        } 
    </script> 
    </body> 
    </html> 
    

    진행률 표시 줄이 인 경우 약 10 %)

  2. 보도 자료 setTime - 당신 은 시간이 점프하는 것을 알아야합니다. 초
  3. 언론 플레이

... 비디오는 내가 내 로컬 웹 서버에 소스 SRC에서 WEBM 파일을 다운로드합니다. 2 초

그러나를 시작하고 변경 SRC 가리 키도록합니다 로컬 :

<source src="chrome_japan.webm" type='video/webm; codecs="vp8, vorbis"'/> 

... currentTime 설정이 무시됩니다. 개발자 도구 콘솔에 오류가 표시되지 않습니다.

이제 웹 서버에서 MIME 유형 "video/webm"을 제공하지만 이전의 파일처럼 스트리밍되지는 않습니다.

특정 방식으로 스트리밍되는 웹 서버가 필요합니까? 그 밖의 무엇이 여기에 잘못이있을 수 있습니까?

참고 : 웹 서버는 독점적 인 플랫폼이며 Tomcat이나 다른 일반적으로 사용되는 웹 서버와 동일한 설정이나 컨트롤을 제공하지 않지만 동일한 효과를 얻을 수있는 다른 방법이있을 수 있습니다.

+0

가능하면 두 경우의 HTTP 패킷을 캡처하여 차이점을 찾습니다. – 9dan

답변

12

웹 서버가 바이트 범위를 사용하여 문서를 제공 할 수 있는지 확인하십시오. Google 크롬을 사용하려면이 기능이 필요합니다. 이를 사용하지 않으면 검색이 비활성화되고 currentTime으로 설정하면 아무 효과가 없습니다.

curl --dump-header - -r0-0 http://theurl 

응답 상태가 206 Partial Content를 읽을 수 있어야하고 자원 대신 전체 자원의 첫 번째 바이트를 받아야한다 :

는 웹 서버가이 작업을 수행하는 경우, 다음 명령을 사용하여 테스트합니다.

-phil

+0

잠시 동안 이것을 테스트 할 수 없지만 웹 서버가 바이트 범위를 사용하여 문서를 제공 할 능력이 없다는 것을 알고 있습니다. 팁을 주셔서 감사합니다 ... – jlarson

+0

"Google 크롬이 필요합니다.이 기능이 없으면 검색 기능이 비활성화되고 currentTime을 설정해도 아무런 효과가 없습니다." 감사! 이것은 정말로 나를 망 쳤다. –

+2

해당 Chromium 버그는 http://code.google.com/p/chromium/issues/detail에 공개되지 않습니다.id = 121765 – user7610

관련 문제