웹에서 비디오 프레젠테이션을위한 좋은 프레임 워크가 필요합니다.

Question

비디오 프레젠테이션의 특정 지점에서 슬라이드를 동적으로 표시 할 수있는 프레임 워크를 찾고 있습니다. iPad와 같은 태블릿뿐만 아니라 IE 7과 8을 포함한 크로스 브라우저 호환이 가능해야합니다. 나에게 완전히 완료 될 필요는 없으며 많은 크로스 브라우저 항목을 사용하여 시작 지점을 지정하고 사용자 지정하기가 쉽습니다. 나는이 모든 것이 어떻게 성가신 것들에 도움이되는지를 이해하고있다.

누구든지 훌륭한 의견이 있으면 알려주세요. 나는 몇 가지 조사를 해왔지만 다른 사람들이 이러한 해결책들에 관해 무엇을 말하고 있는지 항상 알 수 있습니다. 감사.

Answer 1

실버 라이트는 어떤가요? 유용 할 수있는 MediaElement가 있습니다. Silverlight는 IE 6 이상 및 모든 기본 브라우저에서 작동합니다.

http://www.microsoft.com/getsilverlight/locale/en-us/html/installation-win-SL4.html

나는 아이 패드에 대해 확실하지 않다.

http://msdn.microsoft.com/en-us/library/bb980132(v=vs.95).aspx

Answer 2

난 그냥 지난 주 전에 유사한 게시물에 대답했다. (parallel presentation player). 여전히 나는 십자가 브라우저 호환 솔루션을 가지고있어 ...

당신은 이것을 시도 할 수는 없지만, 당신이 찾고있는 것을해야합니다 : http://www.longtailvideo.com/addons/plugins/137/SlideSync-(Beta) 그것은 플래시 기반입니다, 그래서 7과 8이 작동합니다 ,하지만 아이 패드

쉽게 비디오에 실제 시간을 듣고 약간의 스크립트를 설정할 수 있습니다 HTML5와

하지만, 지금 수도 IE7과 IE8 호환되지 ...

난 그냥 추가 "의사 코드"나는 간단한 html5 솔루션에 대한 다른 게시물에 썼습니다.

<video id="videoplayer" src="yourfile.mp4" .../> 
<script> 
    var player = document.getElementById("videoplayer"); 
    player.addEventListener('timeupdate', function(){ 

    var currentTime =player.currentTime; 

    //define several intervalls for slices 
    if(currentTime > 0 && currentTime < 10){ 

     //show slice-Image in html Canvas 
    } 
    else if... //different interval! 

}); 

</script> 

편집 : 이것은 단지 아이디어입니다 ... json 또는 xml을 사용하여 더 좋은 방법으로 인터 볼트를 정의 할 수 있습니다 ....

Answer 3

슬라이드를 사용하여 비디오 프레젠테이션을 제작하고 공유하는 새로운 방법을 살펴보십시오. 스크롤 가능한 미리보기 이미지