2011-08-18 7 views
4

안녕하세요 여러분 모두 저를 도울 수있는 트릭을 알고 있는지 궁금합니다. 내가 구현 한 것은 currentTime 속성을 통해 HTML5 비디오의 찾기 위치를 제어하는 ​​슬라이더입니다. 사용자가 비디오가 실시간으로 업데이트되는 슬라이더를 드래그하고 싶습니다.HTML5 비디오 검색 속도가 빨라 집니까?

내가 현재 작동하지만 비디오 플레이어 이미지가 현재 시간을 설정하면 각 프레임으로 업데이트되지 않습니다. 어떤 생각?

slide: function(e, ui){ 
    seeksliding = true; 
    $gVideo[0].currentTime = ui.value; 
}, 
+0

ui.value에는 어떤 값이 있습니까? –

+0

동영상 길이 범위 내의 값입니다. – DevDevDev

+0

코드를 표시 할 수 있습니까? '$ gVideo [0]'은 나에게 적절한 참조가 아닙니다. –

답변

3

최신 브라우져 심지어는 synchronize two or more videos using Javascript, 기능의 같은 종류의 당신이 설명하고있는 점, 일반적으로 빨리 찾고 매우 좋다. (Firefox 버전 4-5 주위에 몇 밀리 초가 걸리고 동기화가 끊어집니다. 그러나 지금은 더 좋습니다.)

ui.value이 0과 비디오 재생 시간 사이에 있어야 작동합니다. 그러나 a) 비디오가로드되지 않았거나 b) 인코딩 된 비디오 파일이있는 경우 문제가 발생할 수 있습니다.

먼저 브라우저가 비디오를 재생하고 Javascript 컨트롤없이 검색 할 수 있는지 확인하십시오. 브라우저에서 먼저 파일을 열어보십시오. 먼저 하드 드라이브를 껐다가 네트워크에서 꺼내십시오. 네이티브 컨트롤을 추구 할 수 없다면 Javascript를 사용할 수 없습니다. B-Frames없이 비디오를 다시 인코딩하여 해결 된 오류를 찾는 경우가 있습니다.

다음으로 탐색 할 때 동영상이로드되어 있는지 확인하십시오. 동영상 태그에 preload 속성을 추가하여 속도를 높일 수 있습니다. 슬라이더 코드를 loadedmetadata 이벤트 내부에 두어 브라우저가 비디오 재생 시간을 가질 때까지 슬라이더 이벤트가 활성화되어 있지 않은지 확인하십시오.

+0

좋은 답변이지만 거룩하신 그리스도, 당신이 연결 한 비디오는 나를 엿먹였습니다, 클릭하기 전에 귀하의 볼륨을 클릭하십시오! –

관련 문제