แปลงงานนำเสนอเป็น HTML5 ด้วย Java

ภาพรวม

บทความนี้อธิบายวิธีแปลงงานนำเสนอ PowerPoint เป็น HTML5 ด้วย Aspose.Slides ครอบคลุมการส่งออก 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();
}

คุณอาจต้องการระบุการตั้งค่าสำหรับการเคลื่อนไหวของรูปร่างและการเปลี่ยนสไลด์ดังนี้:

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>

ส่งออก 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”

Two comments on the presentation slide

เมื่อคุณแปลงงานนำเสนอ PowerPoint เป็นเอกสาร HTML5 คุณสามารถระบุได้ง่ายว่าต้องการใส่คอมเมนต์จากงานนำเสนอไว้ในเอกสารผลลัพธ์หรือไม่ โดยทำการกำหนดพารามิเตอร์การแสดงคอมเมนต์ในเมธอด getNotesCommentsLayouting ของคลาส Html5Options

ตัวอย่างโค้ดต่อไปนี้แปลงงานนำเสนอเป็นเอกสาร 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” แสดงในรูปด้านล่าง

The comments in the output HTML5 document

คำถามที่พบบ่อย

ฉันสามารถควบคุมได้หรือไม่ว่าอนิเมชั่นของวัตถุและการเปลี่ยนสไลด์จะเล่นใน HTML5?

ได้, HTML5 มีตัวเลือกแยกต่างหากเพื่อเปิดหรือปิด shape animations และ slide transitions

การสนับสนุนการส่งออกคอมเมนต์เป็นอย่างไร และสามารถวางคอมเมนต์ relative กับสไลด์ได้ที่ไหน?

ได้, สามารถเพิ่มคอมเมนต์ใน HTML5 และกำหนดตำแหน่ง (เช่น ทางด้านขวาของสไลด์) ผ่าน layout settings สำหรับบันทึกและคอมเมนต์

ฉันสามารถข้ามลิงก์ที่เรียกใช้ JavaScript เพื่อเหตุผลด้านความปลอดภัยหรือ CSP ได้หรือไม่?

ได้, มี setting ที่ให้คุณข้ามไฮเปอร์ลิงก์ที่มีการเรียก JavaScript ระหว่างการบันทึก ช่วยให้สอดคล้องกับนโยบายความปลอดภัยที่เข้มงวด