web-dev-qa-db-ja.com

HTML5 + JavaScriptを使用したプレゼンテーションの基本的なフレームワーク

HTML5およびJavaScriptテクノロジーのみを使用してプレゼンテーションを作成するためのフレームワークを知っていますか?
さまざまなプレゼンテーションソフトウェア(PowerPointまたはOOoプレゼンテーション)の「エクスポート」機能については説明していません。

この「フレームワーク」で作成されたプレゼンテーションの要件:

  • 最新のHTML5機能(オーディオ、ビデオ、キャンバス?)を活用する
  • cSS3と同じ(フォントサポート、グラデーション、シャドウ、トランジション、変換)

そのようなことがなければ 良いプレゼンテーションの例または 件名へのポインタをいただければ幸いです。

編集:ニースの例を見つけました、 HTML5-次のレベルへのウェブ開発

99
Brian Clozel

Landslide は、スライドショーを生成する非常にきれいなアプリケーションです。

Deck.js は別の素晴らしいプロジェクトです。今回は、スライドは純粋なHTML/CSS/JSです。

さらに良いことに、 impress.js はCSS3の変換と遷移に依存しています。

64
Brian Clozel

私が使用するプレゼンテーションツールとして Reveal.js 、それは非常にクリーンでモダンなプレゼンテーションツールです。

HTML5/CSS3/JSで100%作られています。私が最も気に入っている機能は次のとおりです。

  • スライド間のCSS3トランジションのような3D
  • ネストされたスライドを作成できます-垂直スライドから水平スライドへ
  • フォントフェイスをサポート
  • スライド間に内部リンクを作成します
  • Highlight.jsのおかげでコードはきれいです
  • 概要とEscと `s``を使用した2画面モード

私はあなたが本当にそれを望んでいないことを知っていますが、PDFにエクスポートして、フォークすることができます github :)

8
Xavier

Websocketのサポートと、Sencha 2.0 HTML5モバイルアプリケーションを介してDeck.jsプレゼンテーションを制御する機能が必要な場合は、 Robodeck を試してください。

2
jdcravens

このライブラリは、プレゼンテーション、ストーリー、広告を作成するためのものです。

BoardJS

1
Porizm

答えは別として、複数のリモートビューアーを互いに同期させるためにnodejsコントローラーに興味があるかもしれません。

controldesk.js

0
Neil