Android でプレゼンテーションを HTML5 に変換する

Info

Aspose.Slides 21.9 では、HTML5 エクスポートのサポートを実装しました。

ここでの HTML5 エクスポートプロセスにより、Web 拡張機能や依存関係なしで PowerPoint を HTML に変換できます。この方法では、独自のテンプレートを使用して、エクスポートプロセスと生成される HTML、CSS、JavaScript、アニメーション属性を定義する非常に柔軟なオプションを適用できます。

PowerPoint を HTML5 にエクスポート

この Java コードは、Web 拡張機能や依存関係なしでプレゼンテーションを HTML5 にエクスポートする方法を示しています：

Presentation pres = new Presentation("pres.pptx");
try {
    pres.save("pres.html", SaveFormat.Html5);
} finally {
    if (pres != null) pres.dispose();
}

この場合、クリーンな HTML が取得できます。

このように、シェイプアニメーションとスライド遷移の設定を指定したくなる場合があります：

Presentation pres = new Presentation("pres.pptx");
try {
    Html5Options html5Options = new Html5Options();
    html5Options.setAnimateShapes(false);
    html5Options.setAnimateTransitions(false);
    
    pres.save("pres5.html", SaveFormat.Html5, html5Options);
} finally {
    if (pres != null) pres.dispose();
}

PowerPoint を HTML にエクスポート

この Java は、標準的な PowerPoint から HTML へのプロセスを示しています：

Presentation pres = new Presentation("pres.pptx");
try {
    pres.save("pres.html", SaveFormat.Html);
} finally {
    if (pres != null) pres.dispose();
}

この場合、プレゼンテーションのコンテンツは SVG を介して次のような形でレンダリングされます：

<body>
<div class="slide" name="slide" id="slideslideIface1">
     <svg version="1.1">
         <g> THE SLIDE CONTENT GOES HERE </g>
     </svg>
</div>
</body>

Note

この方法で PowerPoint を HTML にエクスポートすると、SVG によるレンダリングのため、特定の要素にスタイルを適用したりアニメーションを付けたりすることができません。

PowerPoint を HTML5 スライドビューにエクスポート

Aspose.Slides は、PowerPoint プレゼンテーションを HTML5 ドキュメントに変換でき、スライドがスライドビューモードで表示されます。この場合、生成された HTML5 ファイルをブラウザで開くと、ウェブページ上でスライドビューモードのプレゼンテーションが表示されます。

この Java コードは、PowerPoint を HTML5 スライドビューにエクスポートするプロセスを示しています：

Presentation pres = new Presentation("pres.pptx");
try {
    Html5Options html5Options = new Html5Options();
    html5Options.setAnimateShapes(true);
    html5Options.setAnimateTransitions(true);

    pres.save("HTML5-slide-view.html", SaveFormat.Html5, html5Options);
} finally {
    if (pres != null) pres.dispose();
}

プレゼンテーションをコメント付き HTML5 ドキュメントに変換

PowerPoint のコメントは、ユーザーがプレゼンテーションスライドにメモやフィードバックを残すためのツールです。特に共同プロジェクトで有用で、複数のユーザーがメインコンテンツを変更せずに特定のスライド要素に提案やコメントを追加できます。各コメントには作成者の名前が表示され、誰がコメントしたかを簡単に追跡できます。

例えば、“sample.pptx” ファイルに保存された以下の PowerPoint プレゼンテーションがあるとします。

プレゼンテーションスライドの 2 つのコメント

PowerPoint プレゼンテーションを HTML5 ドキュメントに変換する際、出力ドキュメントにプレゼンテーションのコメントを含めるかどうかを簡単に指定できます。そのためには、Html5Options クラスの getNotesCommentsLayouting メソッドでコメントの表示パラメータを指定する必要があります。

次のコード例は、スライドの右側にコメントを表示した状態でプレゼンテーションを HTML5 ドキュメントに変換します。

Html5Options html5Options = new Html5Options();
html5Options.getNotesCommentsLayouting().setCommentsPosition(CommentsPositions.Right);

Presentation presentation = new Presentation("sample.pptx");
presentation.save("output.html", SaveFormat.Html5, html5Options);
presentation.dispose();

以下の画像に「output.html」ドキュメントが示されています。

出力された HTML5 ドキュメントのコメント

FAQ

HTML5 でオブジェクトアニメーションやスライド遷移の再生を制御できますか？

はい、HTML5 では、shape animations と slide transitions を有効化または無効化するための個別のオプションが提供されています。

コメントの出力はサポートされますか？また、スライドに対してどこに配置できますか？

はい、HTML5 でコメントを追加でき、ノートとコメントの layout settings を使用して（例としてスライドの右側など）配置することができます。

セキュリティや CSP の理由で JavaScript を呼び出すリンクをスキップできますか？

はい、保存時に JavaScript 呼び出しを含むハイパーリンクをスキップできる setting があり、厳格なセキュリティポリシーに準拠するのに役立ちます。

Android でプレゼンテーションを XAML にエクスポート