# C++에서 프레젠테이션을 HTML5로 변환

> Aspose.Slides for C++를 사용하여 PowerPoint 및 OpenDocument 프레젠테이션을 반응형 HTML5로 내보냅니다. 서식, 애니메이션 및 대화형을 보존합니다.

Source: https://docs.aspose.com/slides/ko/cpp/export-to-html5/
Updated: 2026-06-14

## **개요**

이 문서에서는 Aspose.Slides를 사용하여 PowerPoint 프레젠테이션을 HTML5로 변환하는 방법을 설명합니다. 웹 확장이나 추가 종속성 없이 기본 HTML5 내보내기를 다루며, 도형 애니메이션 및 슬라이드 전환을 제어하는 옵션도 포함합니다. 또한 표준 PowerPoint‑to‑HTML 내보내기 과정, 슬라이드 보기 모드에서 HTML5 출력을 생성하는 방법, 그리고 레이아웃을 구성하여 내보낸 문서에 주석을 포함하는 방법을 보여줍니다.

## **PowerPoint를 HTML5로 내보내기**

이 C++ 코드는 프레젠테이션을 HTML5로 내보내는 방법을 보여줍니다.

```cpp
using namespace Aspose::Slides;
using namespace Aspose::Slides::Export;
        
auto pres = System::MakeObject<Presentation>(u"pres.pptx");
pres->Save(u"pres.html", SaveFormat::Html5);
```

{{% alert color="primary" %}} 
이 경우 깨끗한 HTML을 얻을 수 있습니다. 
{{% /alert %}}

다음과 같이 도형 애니메이션 및 슬라이드 전환에 대한 설정을 지정할 수 있습니다:

```cpp
using namespace Aspose::Slides;
using namespace Aspose::Slides::Export;

auto pres = System::MakeObject<Presentation>(u"pres.pptx");
auto options = System::MakeObject<Html5Options>();
options->set_AnimateShapes(true);
options->set_AnimateTransitions(true);
pres->Save(u"pres.html", SaveFormat::Html5, options);
```

## **PowerPoint를 HTML로 내보내기**

이 C++는 표준 PowerPoint‑to‑HTML 프로세스를 보여줍니다:

```cpp
using namespace Aspose::Slides;
using namespace Aspose::Slides::Export;
        
auto pres = System::MakeObject<Presentation>(u"pres.pptx");
pres->Save(u"pres.html", SaveFormat::Html);
```

이 경우 프레젠테이션 내용이 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**는 슬라이드가 슬라이드 보기 모드로 표시되는 HTML5 문서로 PowerPoint 프레젠테이션을 변환할 수 있게 해줍니다. 이렇게 하면 브라우저에서 결과 HTML5 파일을 열었을 때 웹 페이지에 슬라이드 보기 모드로 프레젠테이션이 표시됩니다.

이 C++ 코드는 PowerPoint를 HTML5 슬라이드 보기로 내보내는 과정을 보여줍니다:

```c++
auto pres = System::MakeObject<Presentation>(u"pres.pptx");
auto html5Options = System::MakeObject<Html5Options>();
html5Options->set_AnimateShapes(true);
html5Options->set_AnimateTransitions(true);
pres->Save(u"HTML5-slide-view.html", SaveFormat::Html5, html5Options);
```

## **주석이 포함된 HTML5 문서로 프레젠테이션 변환**

PowerPoint의 주석은 사용자가 슬라이드에 메모나 피드백을 남길 수 있게 하는 도구입니다. 여러 사람이 특정 슬라이드 요소에 대한 제안이나 의견을 추가할 수 있어 협업 프로젝트에 특히 유용합니다. 각 주석에는 작성자 이름이 표시되어 누가 남겼는지 쉽게 추적할 수 있습니다.

예를 들어 "sample.pptx" 파일에 저장된 다음 PowerPoint 프레젠테이션이 있다고 가정해 보겠습니다.

![프레젠테이션 슬라이드에 있는 두 개의 댓글](two_comments_pptx.png)

PowerPoint 프레젠테이션을 HTML5 문서로 변환할 때, 출력 문서에 주석을 포함할지 여부를 쉽게 지정할 수 있습니다. 이를 위해서는 [Html5Options](https://reference.aspose.com/slides/ko/cpp/aspose.slides.export/html5options/) 클래스의 `get_NotesCommentsLayouting` 메서드에서 주석 표시 매개변수를 지정해야 합니다.

다음 코드 예제는 슬라이드 오른쪽에 주석이 표시되는 HTML5 문서로 프레젠테이션을 변환합니다.
```cpp
auto html5Options = MakeObject<Html5Options>();
html5Options->get_NotesCommentsLayouting()->set_CommentsPosition(CommentsPositions::Right);

auto presentation = MakeObject<Presentation>(u"sample.pptx");
presentation->Save(u"output.html", SaveFormat::Html5, html5Options);
presentation->Dispose();
```

아래 이미지에 "output.html" 문서가 표시됩니다.

![출력 HTML5 문서에 포함된 주석](two_comments_html5.png)

## **자주 묻는 질문**

**HTML5에서 객체 애니메이션 및 슬라이드 전환이 재생되는지 제어할 수 있나요?**

네, HTML5에서는 [도형 애니메이션](https://reference.aspose.com/slides/ko/cpp/aspose.slides.export/html5options/set_animateshapes/)과 [슬라이드 전환](https://reference.aspose.com/slides/ko/cpp/aspose.slides.export/html5options/set_animatetransitions/)을 개별적으로 활성화하거나 비활성화할 수 있는 옵션을 제공합니다.

**주석 출력이 지원되며, 슬라이드에 대해 어느 위치에 배치할 수 있나요?**

네, HTML5에서 주석을 추가할 수 있으며 주석 및 노트 레이아웃 설정을 통해 (예: 슬라이드 오른쪽) 원하는 위치에 배치할 수 있습니다.

**보안이나 CSP 이유로 JavaScript를 호출하는 링크를 건너뛸 수 있나요?**

네, 저장 시 JavaScript 호출이 포함된 하이퍼링크를 건너뛸 수 있는 [설정](https://reference.aspose.com/slides/ko/cpp/aspose.slides.export/saveoptions/set_skipjavascriptlinks/)이 제공됩니다. 이를 통해 엄격한 보안 정책을 준수할 수 있습니다.
