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