[javascript] HTML5 + 자바 스크립트를 사용한 프레젠테이션을위한 기본 프레임 워크

HTML5 및 자바 스크립트 기술만을 사용하여 프레젠테이션을 만들기위한 프레임 워크를 알고 있습니까?
다양한 프레젠테이션 소프트웨어 (파워 포인트 또는 OOo 프레젠테이션)의 “내보내기”기능에 대해 말하는 것이 아닙니다.

이 “프레임 워크”로 만든 프레젠테이션에 대한 몇 가지 요구 사항 :

  • 최신 HTML5 기능 (오디오, 비디오, 캔버스?) 활용
  • CSS3와 동일 (글꼴 지원, 그라디언트, 그림자, 전환 및 변형)

그러한 것이 없다면 주제에 대한 좋은 프레젠테이션이나 포인터의 예를 주시면 감사하겠습니다.

편집 : 좋은 예를 찾았습니다. HTML5- 다음 단계로 웹 개발 .



답변

Landslide 는 슬라이드 쇼를 생성하는 매우 깔끔한 애플리케이션입니다.

Deck.js 는 또 다른 멋진 프로젝트입니다. 이번에는 슬라이드가 순수한 HTML / CSS / JS입니다.

더 좋은 impress.js 가 CSS3 변환 및 전환에 의존한다는 것입니다.


답변

프레젠테이션 도구로 Reveal.js를 사용 합니다. 매우 깨끗하고 현대적인 프레젠테이션 도구입니다.

HTML5 / CSS3 / JS로 100 % 만들어졌으며 가장 좋아하는 기능은 다음과 같습니다.

  • 슬라이드 간 CSS3 전환과 같은 3D
  • 중첩 된 슬라이드를 만들 수 있습니다. 세로 슬라이드를 가로 슬라이드로 만들 수 있습니다.
  • 지원 글꼴
  • 슬라이드 사이에 내부 링크를 만듭니다.
  • highlight.js 덕분에 코드가 예쁘다.
  • 개요 및 두 화면 모드 Esc및`s“

나는 당신이 정말로 원하지 않는다는 것을 알고 있지만 PDF로 내보내고 github에서 포크 할 수 있습니다. 🙂


답변

당신은 웹 소켓 지원 및 당신이 시도 할 수있는 센차 2.0 HTML5 모바일 응용 프로그램을 통해 Deck.js 프리젠 테이션을 제어 할 수있는 능력 얻고 싶다면 Robodeck을 .


답변

이 라이브러리는 프레젠테이션, 스토리 및 광고를 만들기위한 것입니다.

BoardJS


답변

답변 외에도 여러 원격 뷰어를 서로 동기화하는 nodejs 컨트롤러에 관심이있을 수 있습니다.

controldesk.js


답변