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