ในส่วนนี้ คุณจะได้เรียนรู้วิธีฝังไฟล์สื่อในหน้าเว็บโดยใช้แท็ก <video>
และ <source>
วิธีเพิ่มคำบรรยายแทนเสียงลงในวิดีโอสำหรับผู้ที่มีความบกพร่องทางการได้ยิน รวมถึงแนวคิดทั่วไปบางส่วนในการใช้เฟรมเวิร์กสื่อ
นอกจากนี้ คุณจะได้เรียนรู้เกี่ยวกับการใช้การโหลดล่วงหน้าเพื่อเร่งการเริ่มเล่นให้เร็วขึ้น และเราจะพูดคุยถึงวิธีที่เราสร้าง PWA เดโมที่อัปเดตแล้ว พร้อมความสามารถในการสตรีมแบบปรับเปลี่ยนได้แบบออฟไลน์ที่เรียกว่า Kino
ส่วนนี้จะถือว่าคุณมีไฟล์วิดีโอที่พร้อมสำหรับการฝังในหน้าเว็บ ไฟล์ .mov
ที่ดาวน์โหลดจากกล้องจะไม่ทำงาน หากมีเพียงเท่านี้ โปรดดูเตรียมไฟล์สื่อสำหรับเว็บแล้วกลับมาที่นี่
ส่วนนี้จะครอบคลุมหัวข้อเหล่านี้
- ในแท็ก <video> และ <source> คุณจะได้เรียนรู้วิธีฝังไฟล์สื่อในหน้าเว็บโดยเฉพาะ
- ในการช่วยเหลือพิเศษสื่อ คุณจะได้เรียนรู้การเพิ่ม คำบรรยายแทนเสียงลงในไฟล์สื่อสำหรับผู้มีความบกพร่องทางการได้ยิน
- ในเฟรมเวิร์กสื่อ คุณจะได้เรียนรู้พื้นฐานเกี่ยวกับการใช้ เฟรมเวิร์กสื่อ เช่น Shaka Player, JW Player และ Video.js
- ในการเล่นอย่างรวดเร็วด้วยเสียงและวิดีโอโหลดล่วงหน้า คุณจะได้เรียนรู้วิธีเร่งการเล่นสื่อด้วยการโหลดทรัพยากรล่วงหน้าอย่างต่อเนื่อง
- ใน PWA ที่มีสตรีมมิงแบบออฟไลน์ คุณจะได้ทราบวิธีสร้าง PWA เดโมที่อัปเดตแล้ว ซึ่งสามารถสตรีมแบบปรับเปลี่ยนได้และการเล่นแบบออฟไลน์ได้โดยไม่ต้องใช้เฟรมเวิร์ก นอกจากนี้ยังสามารถเล่นกับซอร์สโค้ด
ในส่วนนี้มีข้อมูลมากมายที่ต้องพูดถึง มาเริ่มต้นด้วยการเรียนรู้วิธีใช้แท็ก<video> และ <source>