ผู้ใช้ชอบสื่อ โดยเฉพาะวิดีโอ ที่มีความสนุกสนานและมีสาระ บนอุปกรณ์เคลื่อนที่ วิดีโออาจเป็นวิธีดูข้อมูลที่ง่ายกว่าข้อความ เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดี วิดีโอไม่ควรต้องใช้แบนด์วิดท์เกินกว่าที่มี ผู้ใช้ควรสามารถใช้งานได้ไม่ว่าจะด้วยอุปกรณ์ใด ผู้ใช้ไม่ควรรอให้สื่อดาวน์โหลด ไม่มีใครชอบเกมนี้ เมื่อกด "เล่น" แล้วไม่มีอะไรเกิดขึ้น
คุณไม่ต้องสงสัยที่การดูวิดีโอบนอุปกรณ์ของคุณเองเลย ซึ่งหมายความว่าไม่มีสิ่งใดในย่อหน้าสุดท้ายที่ทำให้คุณประหลาดใจ ตอนนี้คุณต้องเรียนรู้วิธีใส่วิดีโอหรือไฟล์สื่อ อื่นๆ ลงในเว็บไซต์ของคุณเอง ควรมีข้อกำหนดทางเทคนิคของการเพิ่มสื่อ ในประสบการณ์ของผู้ใช้
ข้อกำหนดทางเทคนิค
- เวอร์ชันต่างๆ ของไฟล์สื่อเป็นรูปแบบทั่วไปที่เหมาะกับเว็บ ซึ่งมีทั้งสตรีมเสียงและวิดีโอ
- ความละเอียดเหมาะสำหรับอุปกรณ์ของผู้ใช้ของคุณ
- อัตราบิตจะไม่ทำให้แบนด์วิดท์เครือข่ายของผู้ใช้ทำงานหนักเกินไป
- ผลลัพธ์จะดูได้ในเบราว์เซอร์หลักๆ ทั้งหมดที่ใช้เทคโนโลยีที่เหมาะสม
- ไฟล์มีการเข้ารหัส (ไม่บังคับ)
ส่วนสื่อของเว็บไซต์นี้จะช่วยให้คุณปฏิบัติตามข้อกำหนดทางเทคนิคเหล่านี้ได้ ไม่ต้องกังวลหากแนวคิดเหล่านี้ยังคงเป็นเรื่องที่เป็นนามธรรม เราจะอธิบายเพิ่มเติมในบทความทั้งหมด ในส่วนแรก คุณจะได้เรียนรู้เกี่ยวกับแนวคิดพื้นฐานของสื่อ จากนั้นวิธีเพิ่มสื่อลงในเว็บในส่วนที่ 2 และในส่วนสุดท้ายเกี่ยวกับการใช้งานจริง พร้อมเทคนิคขั้นสูงในการใช้สื่อบนเว็บ
กำลังแสดงวิดีโอบนเว็บ
มี 4 วิธีที่คุณจะทำได้เมื่อแสดงวิดีโอบนเว็บไซต์
- อัปโหลดวิดีโอไปยังผู้ให้บริการโฮสติ้งสื่อ เช่น YouTube หรือ Vimeo ตัวเลือกเหล่านี้ต้องการให้คุณฝังโปรแกรมเล่นลงในเว็บไซต์ของคุณ
- การฝังที่โฮสต์ด้วยตนเองแบบพื้นฐานโดยใช้องค์ประกอบ
<video>และ<audio>ของ HTML - การฝังที่มีฟีเจอร์เต็มรูปแบบมากขึ้นโดยใช้ไลบรารีวิดีโอ เช่น Shaka Player, JW Player หรือ Video.js
- การสร้างเซิร์ฟเวอร์สื่อและแอปพลิเคชันสตรีมมิงของคุณเอง
เว็บไซต์นี้จะครอบคลุมข้อมูลพื้นฐานเกี่ยวกับการฝังสื่อเป็นหลัก อย่างไรก็ตาม เราได้พูดถึงหัวข้อขั้นสูงอื่นๆ เพื่อช่วยให้คุณเริ่มต้นสร้างแอปพลิเคชันสตรีมมิงสื่อของคุณเอง ความพยายามนี้ไม่ใช่สิ่งสำคัญ เราจึงสร้าง Media PWA ที่รองรับการใช้งานออฟไลน์เพื่อใช้เป็นข้อมูลอ้างอิง ซึ่งทั้งคู่จะแสดงวิธีบรรลุเป้าหมายและต้องใช้ความพยายามมากน้อยเพียงใด แอปพลิเคชันนี้ไม่ได้หมายถึงข้อเสนอที่พร้อมสำหรับการใช้งานจริงหรือคู่แข่งสำหรับบริการอย่าง YouTube หรือ Vimeo แต่เป็นจุดตั้งต้นให้คุณเรียนรู้สิ่งใหม่ๆ ที่ท้าทาย
กล่าวอย่างตรงไปตรงมาแล้ว การสร้างคู่แข่งสำหรับบริการสื่อที่โฮสต์ต้องอาศัยทีมวิศวกรที่เชี่ยวชาญและเวลาทำงานหลายพันชั่วโมง ถ้าเป้าหมายของคุณไม่ได้คือการเข้าสู่ตลาดในฐานะคู่แข่ง คุณควรใช้วิธีอื่นๆ มากกว่า คุณควรทำความเข้าใจเทคโนโลยีและแม้ว่าคุณจะไม่สามารถเปิดตัวแอปพลิเคชันหรือโปรแกรมเล่นวิดีโอของคุณเองได้ แต่ก็ยังมีเครื่องมือในการค้นหาและทดลองที่ทันสมัยเกี่ยวกับการรองรับเบราว์เซอร์ที่ล้ำสมัย หรืออย่างน้อยก็ใช้ไลบรารีวิดีโอที่มีอยู่แล้ว
สิ่งที่เราจะเรียนรู้
คอลเล็กชันสื่อประกอบด้วย 3 ส่วน ในส่วนแรกนี้ เราจะอธิบายแนวคิดและข้อมูลที่จำเป็นสำหรับการเพิ่มสื่อลงในเว็บไซต์ ซึ่งรวมถึงการอธิบายวิธีรวบรวมไฟล์สื่อ ข้อมูลเบื้องต้นเกี่ยวกับแอปพลิเคชันที่คุณต้องเตรียมไฟล์สำหรับเว็บ และแนวคิดเกี่ยวกับการสตรีม ส่วนที่ 2 จะอธิบายวิธีเตรียมไฟล์และแปลงไฟล์เป็นรูปแบบต่างๆ และเลือกเพิ่มการเข้ารหัสหรือไม่ก็ได้ ในส่วนสุดท้าย เราจะแสดงวิธีฝังไฟล์สื่อในหน้าเว็บ พูดถึงแนวทางปฏิบัติแนะนำในการเล่นอัตโนมัติ การใช้เฟรมเวิร์กสื่อ การถ่ายวิดีโอแบบออฟไลน์ และทำให้วิดีโอของคุณเข้าถึงได้ง่าย
ยังมีอีกหลายข้อมูลที่จะพูดถึง เรามาเริ่มดูข้อมูลเบื้องต้นเกี่ยวกับไฟล์สื่อกัน