คุณเคยอยากเผยแพร่วิดีโอในเว็บไซต์ของคุณเองด้วยวิธีที่สนุกและสวยงามไหม เช่น แอป 60 Minutes หรือ RedBull.tv ใหม่จาก Chrome เว็บสโตร์ เรายินดีที่จะประกาศการเปิดตัวเว็บแอปตัวอย่างโปรแกรมเล่นวิดีโอ ตัวอย่างโปรแกรมเล่นวิดีโอคือเว็บแอปโปรแกรมเล่นวิดีโอแบบโอเพนซอร์สที่สร้างโดยใช้สถาปัตยกรรมเดียวกับแอป 60 Minutes และ RedBull.tv โดยคุณสามารถปรับแต่ง ขยาย หรือใช้แบบสำเร็จรูปและป้อนข้อมูลด้วยเนื้อหาของคุณเอง
วิธีการทำงาน
เมื่อผู้ใช้เปิดตัวอย่างโปรแกรมเล่นวิดีโอ ผู้ใช้สามารถเลือกดูวิดีโอรายการเดียวหรือสร้างเพลย์ลิสต์วิดีโอ/ตอนจากรายการที่อัปโหลดและป้อนข้อมูลลงในแอป ตัวอย่างโปรแกรมเล่นวิดีโอได้รับการกําหนดค่าและข้อมูลเกี่ยวกับวิดีโอจะจัดเก็บไว้ในไฟล์ JSON (config.json และ data.json ตามลําดับ) ซึ่งทั้ง 2 ไฟล์อยู่ในไดเรกทอรีข้อมูล
ฟีเจอร์หลัก
- ประสบการณ์การรับชมวิดีโอที่สวยงาม รวมถึงโหมดเต็มหน้าจอ
- ความสามารถในการติดตามรายการ ดูตอนต่างๆ สร้างเพลย์ลิสต์
- รองรับวิดีโอหลายรูปแบบโดยขึ้นอยู่กับสิ่งที่เบราว์เซอร์ของผู้ใช้รองรับ (รวมถึง WebM, Ogg, MP4 และแม้แต่ Flash สำรอง)
- หน้าหมวดหมู่ที่มีภาพรวมของรายการ/หมวดหมู่ต่างๆ ที่มีในแอป
- การแจ้งเตือนตอนใหม่ (เมื่อติดตั้งแอปผ่าน Chrome เว็บสโตร์)
- การรองรับการแชร์ไปยัง Google+, Twitter และ Facebook ในตัว
- ไฟล์ต้นฉบับทั้งหมด รวมถึง PSD ของ Photoshop จะรวมอยู่ด้วยเพื่อให้ปรับแต่งได้ง่าย
วิธีการสร้างขึ้น
ตัวอย่างวิดีโอเพลเยอร์เขียนขึ้นสำหรับแพลตฟอร์มเว็บแบบเปิดโดยใช้ HTML และ JavaScript โดยเป็นไปตามรูปแบบและโครงสร้าง Model View Controller โดยทั่วไป
- ซึ่งสร้างขึ้นโดยใช้ไลบรารี JavaScript ของ Google Closure แบบโอเพนซอร์ส
- คอมไพล์ด้วย Closure Compiler
- เผยแพร่ผ่าน Chrome เว็บสโตร์เพื่อใช้ประโยชน์จากการแจ้งเตือน
การรองรับเบราว์เซอร์
นอกเหนือจากการทํางานเป็นแอปที่ติดตั้งผ่าน Chrome เว็บสโตร์แล้ว ตัวอย่างโปรแกรมเล่นวิดีโอยังได้รับการทดสอบและใช้งานได้ในเบราว์เซอร์สมัยใหม่ทั้งหมด
ลองเลย
คุณดูการสาธิตการทำงานของวิดีโอเพลเยอร์ได้ในแอปเดโม หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีการทำงานของแอป โปรดดูเอกสารประกอบ
คุณดูโค้ดได้จาก Google Code
ขอให้สนุกกับการรับชมค่ะ