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