HTML5へのエクスポート

情報

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

ここでのHTML5へのエクスポートプロセスでは、ウェブ拡張または依存関係なしにPowerPointをHTMLに変換できます。この方法により、自分のテンプレートを使用して、エクスポートプロセスと結果として得られるHTML、CSS、JavaScript、およびアニメーション属性を定義する非常に柔軟なオプションを適用できます。

PowerPointをHTML5にエクスポート

このJavaコードは、ウェブ拡張や依存関係なしにプレゼンテーションを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> スライド内容がここに入ります </g>
     </svg>
</div>
</body>

注意

この方法を使用して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のコメントは、ユーザーがプレゼンテーションスライドにメモやフィードバックを残すためのツールです。これは特に複数の人が特定のスライド要素に対して提案や意見を追加できる共同プロジェクトに役立ち、メインコンテンツを変更することなく使用されます。各コメントには、著者の名前が表示され、誰が発言したかを簡単に追跡できます。

例えば、次のPowerPointプレゼンテーションが “sample.pptx” ファイルに保存されているとしましょう。

スライドに対する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文書におけるコメント

XAMLへのエクスポート