2014-09-06 3 views
3

this WoW website을 우연히 발견하고 일부 요소를 조사한 결과 "회전하는 문자"가 WebM/MP4 동영상임을 알게되었습니다. 문자 섹션으로 이동하여 문자를 선택하고 this button.을 누릅니다. 회전하는 비디오가로드됩니다.마우스를 움직일 때 비디오의 시간을 변경합니까?

이 비디오는 커서를 드래그하는 방향에 따라 되감기 및 빨리 감기를 할 수 있습니다 (왼쪽 = 거꾸로, 오른쪽 = 빨리 감기).

제 질문은 간단합니다. 어떤 기능입니까? 자바 스크립트입니까?

미리 감사드립니다.

+1

그것은 참으로 자바 스크립트입니다. 하나의 멋진 링크 : http://emergeinteractive.com/demos/javascript-video-scrubber/ –

+0

@DesignbyAdrian 그 덕분에,하지만 파일을 체크 아웃하고 그들은 단지 jpg 프레임. 내가 뭔가를 놓치지 않는다면, 나는 코더가 너무 좋지 않다. –

+0

OIC. 더 좋은 방법이 있습니다. http://html5etc.wordpress.com/2011/11/27/a-basic-html5-video-scrub-bar-using-jquery/ 아,하지만 확실히 쉽지는 않습니다. 많은 코딩이있을 것입니다. –

답변

1

그것은 자바 스크립트, 그리고 이것은 그들이 사용하는 코드입니다 :

//this is for video on stage 
CharacterSelect.ui.modelVideo = ModelVideo.build($(".model-video")); 

//and this is when the page is ready 
$(document).ready(function() { 
if (ModelVideo.supportsVideo && !$('html').hasClass('ie')) { 
    var modelVideo = videoController.create(".model-video"); 
} 
}); 
+0

그냥 비디오를 초기화하지 않습니까? 어떤 부분이 마우스 드래그 이벤트를 사용하는지 아직 확실하지 않습니다. –

관련 문제