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