# 在 Java 中將簡報轉換為 HTML5

> 使用 Aspose.Slides for Java 將 PowerPoint 與 OpenDocument 簡報匯出為響應式 HTML5。保留格式、動畫與互動性。

Source: https://docs.aspose.com/slides/zh-hant/java/export-to-html5/


## **概述**

本篇文章說明如何使用 Aspose.Slides 將 PowerPoint 簡報轉換為 HTML5。它涵蓋不含 Web 擴充功能或額外相依性的基本 HTML5 匯出，以及控制形狀動畫與投影片過渡效果的選項。文章還展示標準的 PowerPoint 到 HTML 匯出流程，說明如何在投影片檢視模式下產生 HTML5 輸出，並示範透過設定版面配置將註解包含在匯出文件中。

## **將 PowerPoint 匯出為 HTML5**

此 Java 程式碼示範如何在不使用 Web 擴充功能與相依性的情況下將簡報匯出為 HTML5：

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

{{% alert color="primary" %}} 
在此情況下，您將獲得乾淨的 HTML。 
{{% /alert %}}

您可以這樣指定形狀動畫與投影片過渡效果的設定：

```java
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 匯出流程：

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

在此情況下，簡報內容會透過 SVG 以如下形式呈現：

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

{{% alert title="Note" color="warning" %}} 
當您使用此方法將 PowerPoint 匯出為 HTML 時，因為採用 SVG 呈現，將無法套用樣式或為特定元素加入動畫。 
{{% /alert %}}

## **將 PowerPoint 匯出為 HTML5 投影片檢視模式**

**Aspose.Slides** 允許您將 PowerPoint 簡報轉換為 HTML5 文件，且投影片會以投影片檢視模式呈現。在此情況下，於瀏覽器開啟產生的 HTML5 檔案時，即可在網頁上以投影片檢視模式瀏覽簡報。

此 Java 程式碼示範 PowerPoint 到 HTML5 投影片檢視模式的匯出流程：

```java
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 簡報。

![簡報投影片上的兩則註解](two_comments_pptx.png)

將 PowerPoint 簡報轉換為 HTML5 文件時，您可以輕鬆指定是否在輸出文件中包含簡報的註解。為此，必須在 [Html5Options](https://reference.aspose.com/slides/zh-hant/java/com.aspose.slides/html5options/) 類別的 `getNotesCommentsLayouting` 方法中指定註解的顯示參數。

以下程式範例將簡報轉換為 HTML5 文件，且註解會顯示在投影片的右側。
```java
Html5Options html5Options = new Html5Options();
html5Options.getNotesCommentsLayouting().setCommentsPosition(CommentsPositions.Right);

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

![輸出 HTML5 文件中的註解](two_comments_html5.png)

## **常見問題**

**我可以控制物件動畫和投影片過渡效果是否在 HTML5 中播放嗎？**

是的，HTML5 提供獨立的選項，可啟用或停用 [形狀動畫](https://reference.aspose.com/slides/zh-hant/java/com.aspose.slides/html5options/#setAnimateShapes-boolean-) 與 [投影片過渡效果](https://reference.aspose.com/slides/zh-hant/java/com.aspose.slides/html5options/#setAnimateTransitions-boolean-)。

**是否支援輸出註解，且可以將其相對於投影片放置在何處？**

是的，註解可以在 HTML5 中加入，並透過 [版面設定](https://reference.aspose.com/slides/zh-hant/java/com.aspose.slides/html5options/#setSlidesLayoutOptions-com.aspose.slides.ISlidesLayoutOptions-)（例如放在投影片右側）來設定註解與備註的位置。

**我可以因安全性或 CSP 原因跳過呼叫 JavaScript 的連結嗎？**

是的，有一個 [設定](https://reference.aspose.com/slides/zh-hant/java/com.aspose.slides/saveoptions/#setSkipJavaScriptLinks-boolean-) 可在儲存時跳過包含 JavaScript 呼叫的超連結。此功能有助於遵守嚴格的安全政策。
