Android에서 프레젠테이션을 HTML5로 변환

개요

이 문서에서는 Aspose.Slides를 사용하여 PowerPoint 프레젠테이션을 HTML5로 변환하는 방법을 설명합니다. 웹 확장이나 추가 종속성 없이 기본 HTML5 내보내기를 다루며, 형상 애니메이션 및 슬라이드 전환을 제어하는 옵션도 제공합니다. 또한 표준 PowerPoint-HTML 내보내기 프로세스를 보여주고, 슬라이드 뷰 모드에서 HTML5 출력물을 생성하는 방법을 설명하며, 레이아웃을 구성하여 내보낸 문서에 주석을 포함하는 방법을 시연합니다.

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> THE SLIDE CONTENT GOES HERE </g>
     </svg>
</div>
</body>

Note

이 방법으로 PowerPoint를 HTML로 내보내면 SVG 렌더링으로 인해 스타일을 적용하거나 특정 요소를 애니메이션화할 수 없습니다.

PowerPoint를 HTML5 슬라이드 뷰로 내보내기

Aspose.Slides를 사용하면 슬라이드가 슬라이드 뷰 모드로 표시되는 HTML5 문서로 PowerPoint 프레젠테이션을 변환할 수 있습니다. 이 경우, 결과 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 프레젠테이션이 있다고 가정해 보겠습니다.

프레젠테이션 슬라이드의 두 주석

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 문서의 주석

자주 묻는 질문

HTML5에서 객체 애니메이션 및 슬라이드 전환이 재생되는지를 제어할 수 있나요?

예, HTML5에서는 shape animations 및 slide transitions을 활성화하거나 비활성화할 수 있는 별도의 옵션을 제공합니다.

주석 출력이 지원되며, 슬라이드에 상대적으로 어디에 배치할 수 있나요?

예, HTML5에서 주석을 추가할 수 있으며, layout settings 를 사용하여 슬라이드 오른쪽 등 원하는 위치에 배치할 수 있습니다.

보안 또는 CSP 이유로 JavaScript를 호출하는 링크를 건너뛸 수 있나요?

예, 저장 시 JavaScript 호출이 포함된 하이퍼링크를 건너뛸 수 있는 setting 이 있습니다. 이는 엄격한 보안 정책을 준수하는 데 도움이 됩니다.

Android에서 프레젠테이션을 XAML로 내보내기