การพัฒนา SMIL: สร้างการนำเสนอที่จะทำให้ผู้คนยิ้มได้

การเปิดเผยข้อมูล: การสนับสนุนของคุณช่วยให้เว็บไซต์ทำงานต่อไป! เราได้รับค่าธรรมเนียมการอ้างอิงสำหรับบริการบางอย่างที่เราแนะนำในหน้านี้.


SMIL เป็นตัวย่อสำหรับภาษารวมมัลติมีเดียแบบซิงโครไนซ์ แม้จะมีการสะกดคำ แต่มันก็ออกเสียงว่า“ ยิ้ม” ตาม XML นั้น SMIL ไม่เพียง แต่แสดงเนื้อหา แต่ยังกำหนดเวลาด้วย เป็นผลให้มันถูกใช้เพื่อสร้างงานนำเสนอมัลติมีเดียและภาพเคลื่อนไหว ตัวอย่างง่ายๆคือการแสดงการ์ดชื่อเรื่องเป็นเวลา 5 วินาทีตามด้วยภาพเป็นเวลา 10 วินาที แต่ SMIL สามารถทำได้มากกว่านั้น.

ประวัติความเป็นมาของ SMIL

ย้อนกลับไปในปี 1997 World Wide Web Consortium (W3C) เริ่มพัฒนา SMIL รุ่นแรกอย่างเป็นทางการ (SMIL 1.0) เปิดตัวในปี 1999 ในปี 2001 SMIL 2.0 เปิดตัวซึ่งได้ทำการเปลี่ยนแปลงโครงสร้างพื้นฐานของภาษาและแนะนำโมดูลสำหรับการเคลื่อนไหวและเวลา มาตรฐานปัจจุบันคือ SMIL 3.0 ซึ่งเปิดตัวในปี 2008 มันขยายโมดูลที่มีอยู่และเพิ่มมากขึ้น.

หลังจากการเปิดตัว SMIL 1.0 Microsoft และ บริษัท อื่น ๆ บางแห่งเสนอ HTML + TIME ให้กับ W3C เป็นระบบที่อนุญาตให้ SMIL แสดงในเบราว์เซอร์ทั่วไป W3C เปลี่ยนระบบอย่างมากและเปิดตัว XHTML + SMIL ซึ่งเพิ่มฟังก์ชันการทำงานของ SIML เป็น XHTML.

ฟังก์ชั่นของ SMIL

SMIL ช่วยให้คุณสามารถควบคุมทุกด้านของการแสดงผลที่คุณต้องการควบคุมโดยใช้ PowerPoint หรือเครื่องมือการนำเสนอมัลติมีเดียที่คล้ายกัน:

  • แบบ
  • ช่วงเวลาของเหตุการณ์
  • การเปลี่ยน
  • สื่อ (รูปภาพวิดีโอเสียง)
  • แอนิเมชันกับ SVG [1]

ทำไมต้องใช้ SMIL

ดูเหมือนจะเป็นเรื่องยุ่งยากที่จะเรียนรู้การเขียนโค้ด SMIL เมื่อคุณสามารถใช้ PowerPoint และแปลงเป็นรูปแบบแฟลชเพื่อแจกจ่าย แต่ SMIL นั้นมีข้อดีมากกว่าวิธีการแบบนี้ ด้านล่างเป็นสิ่งสำคัญ แต่คุณสามารถเรียนรู้เพิ่มเติมได้จากการอ่านรอยยิ้มของอะไรและทำไมเราจึงควรใช้?

  • เปิดรูปแบบไฟล์. สิ่งนี้มีประโยชน์อย่างยิ่งหากคุณร่วมมือกับบุคคลหนึ่งคนขึ้นไป.
  • ไฟล์สื่ออยู่ภายนอก. เมื่อไฟล์สื่อของคุณเสร็จสิ้นพวกเขาจะต้องอัปโหลดเพียงครั้งเดียวแม้ว่าคุณจะทำการเปลี่ยนแปลงที่สำคัญในการนำเสนอของคุณ นอกจากนี้งานนำเสนอของคุณสามารถใช้ไฟล์สื่อบนเซิร์ฟเวอร์ที่แตกต่างกัน นี่ก็หมายความว่างานนำเสนอที่หลากหลายสามารถใช้ไฟล์สื่อเดียวกันได้.
  • ความง่ายในการแก้ไข. การเปลี่ยนแปลงการนำเสนอแบบขายส่งมักจะเกี่ยวข้องมาก ด้วย SMIL มันเป็นเพียงเรื่องของการตัดและวางบรรทัดของโค้ด.

รูปแบบ SMIL

ไฟล์ SMIL มีลักษณะเหมือนไฟล์ XHTML ทั่วไป ในความเป็นจริงรูปแบบพื้นฐานเหมือนกันทุกประการ:

นี่เป็นภาพของ Andromeda Galaxy:

นี่คือข้อความสำหรับวิดีโอที่ล่าช้า 5 วินาที:

อย่างที่คุณเห็นมันเป็นไฟล์ XML โหลดนิยามภาษา SMIL 3.0 แล้ว.

หลังจากนั้นมีสองส่วนของไฟล์เช่นเดียวกับไฟล์ XHTML: head and body ในหัวไปสิ่งปกติเช่นเมตาแท็ก ที่นี่เราเพิ่งใส่แท็กเลย์เอาต์พื้นฐานหนึ่งแท็กเพื่อตั้งค่าพื้นหลังให้เป็นสีน้าน.

ร่างกายมีความน่าสนใจมากขึ้น มันเริ่มต้นด้วยการโหลดภาพและคำบรรยาย – แสดงภาพเป็นเวลา 5 วินาที จากนั้นจะโหลดวิดีโอแฟลชรอ 5 วินาทีจากนั้นแสดงคำบรรยายภาพ.

ในตัวอย่างนี้คุณจะเห็นฟังก์ชั่นพื้นฐานส่วนใหญ่ของ SMIL และวิธีการสร้างงานนำเสนอที่ง่ายดาย.

เครื่องมือพื้นฐาน

การสนับสนุน SMIL นั้นคร่าวๆในเบราว์เซอร์ส่วนใหญ่ ตัวอย่างเช่นในเวอร์ชัน 45 Chrome ได้เลิกใช้การสนับสนุน SVG SMIL ในการเรียนรู้การใช้รหัส SMIL คุณจะได้รับโปรแกรมดู SMIL ที่ดีที่สุด คุณสามารถใช้เครื่องมือทั่วไปเช่น QuickTime และ RealPlayer คุณอาจจะประสบความสำเร็จมากขึ้นด้วยโปรแกรมดูโอเพ่นซอร์ส Ambulant Player ได้รับการพัฒนาและสนับสนุนสเปค SMIL 3.0 อย่างเต็มรูปแบบ.

ในแง่ของการพัฒนาสิ่งที่คุณต้องการจริงๆคือเครื่องมือแก้ไขข้อความ อย่างไรก็ตามคุณอาจต้องการใช้โปรแกรมแก้ไขที่ปรับให้เหมาะกับ SMIL และ XML.

  • SMILGen SMIL Generation Tool: เครื่องมือแก้ไข XML ที่ออกแบบมาเพื่อใช้กับ SMIL.
  • LimSee2: ตัวแก้ไข SMIL 2.0 ที่ไม่สนับสนุนอีกต่อไปและหายากมาก.

ทรัพยากร

มีแหล่งข้อมูลออนไลน์มากมาย แต่อาจหาได้ยากเนื่องจากมีทรัพยากรจำนวนมากหายไปในช่วงหลายปีที่ผ่านมา ที่เหลืออยู่มักจะเน้น SMIL 2.0 นี่ไม่ใช่ปัญหาเพราะมันยังมีข้อมูลที่เกี่ยวข้อง เราได้รวบรวมทรัพยากรที่ดีที่สุดไว้ที่นี่.

ภาพรวม

  • รอยยิ้มคืออะไรและทำไมเราควรใช้มัน? นี่เป็นภาพรวมที่ยอดเยี่ยมสำหรับผู้ที่มุ่งเน้นการสร้างงานนำเสนอมากกว่าการเข้ารหัส.
  • หน้า SMIL 3.0 ของ W3C สิ่งนี้ให้รายละเอียดของระบบทั้งหมด.

สอน

  • มัลติมีเดีย 4 หน้า SMIL ทุกคน หน้านี้มีข้อมูลจำนวนมหาศาลเกี่ยวกับ SMIL รุ่นต่างๆ แต่ไฮไลต์คือชุดของตัวอย่าง SMIL.
  • วิธีการยิ้ม บทช่วยสอนนี้นำคุณสู่กระบวนการสร้างงานนำเสนอ SMIL แรกของคุณ.
  • บทนำเกี่ยวกับภาษาบูรณาการมัลติมีเดียที่ซิงโครไนซ์ นี่คือบทช่วยสอนเกี่ยวกับ SMIL 2.0 ผ่านทาง Archive.org.

การอ้างอิง

  • หน้ามัลติมีเดียที่ซิงโครไนซ์ของ W3C: หากคุณต้องการเข้าไปในถั่วและสลักเกลียวของ SMIL นี่คือสถานที่ที่จะไป.

หนังสือ

  • SMIL สำหรับ Dummies< โดย Heather Williamson นี่เป็นคำแนะนำเบื้องต้นสำหรับ SMIL แต่เป็นหนังสือเก่าที่เน้น SMIL 1.0 และ 2.0 เป็นส่วนใหญ่.
  • SMIL 3.0: มัลติมีเดียที่ยืดหยุ่นสำหรับเว็บอุปกรณ์มือถือและหนังสือเดซี่ที่พูดถึงโดย Dick Bulterman และ Lloyd Rutledge.
  • เริ่มต้น XML โดย Joe Fawcett, Liam Quin และ Danny Ayers หนังสือเล่มนี้สัมผัสกับ SMIL เท่านั้น แต่ให้พื้นฐานที่ดีใน XML ซึ่งเป็นแกนหลักของ SMIL.
  • SVG Essentials โดย J David Eisenberg และ Amelia Bellamy-Royds ไม่เกี่ยวกับ SMIL ต่อ se แต่มีประโยชน์มากสำหรับ SMIL coders.

ข้อสรุป

SMIL เป็นเครื่องมือที่ยอดเยี่ยมสำหรับผู้ที่ต้องการสร้างและแจกจ่ายงานนำเสนอ และมีประโยชน์อย่างยิ่งหากคุณต้องการสร้างงานนำเสนอที่จำเป็นต้องได้รับการปรับปรุงเป็นครั้งคราว มีเส้นโค้งการเรียนรู้ที่เรียบง่าย แต่เมื่อคุณได้รับมันแล้วมันก็ง่ายเหมือนการเข้ารหัส XHTML และช่วยให้คุณสามารถนำรหัสที่คุณเคยใช้มาก่อนได้ง่าย.

[1] SVG ย่อมาจากกราฟิกแบบเวกเตอร์ที่ปรับขนาดได้ เมื่อใช้ SMIL คุณสามารถสร้างภาพเคลื่อนไหวโดยทำการดัดแปลงกราฟิกตามเวลา.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me