هل أردت من قبل طريقة ممتعة وجميلة لنشر الفيديوهات على موقعك الإلكتروني، مثل تطبيقَي 60 Minutes أو RedBull.tv الجديدَين من "سوق Chrome الإلكتروني"؟ يسرّني الإعلان عن إصدار تطبيق الويب نموذج مشغّل الفيديو. "عيّنة مشغّل الفيديو" هو تطبيق ويب مفتوح المصدر لمشغّل الفيديو تم إنشاؤه باستخدام البنية نفسها المستخدَمة في تطبيقَي 60 Minutes وRedBull.tv. ويمكن تخصيصها أو توسيعها أو استخدامها مباشرةً وملؤها بمحتوى من اختيارك.
آلية العمل
عندما يفتح المستخدم نموذج مشغّل الفيديو، يمكنه اختيار مشاهدة فيديو واحد أو إنشاء قائمة تشغيل من الفيديوهات أو الحلقات من قائمة حمّلها وملّأها في التطبيق. يتم ضبط نموذج مشغّل الفيديو ويتم تخزين معلومات عن الفيديوهات في ملفات JSON (config.json وdata.json على التوالي)، وكلاهما في دليل البيانات.
الميزات الرئيسية
- تجربة مشاهدة فيديوهات رائعة، بما في ذلك إمكانية المشاهدة بملء الشاشة
- إمكانية الاشتراك في البرامج ومشاهدة الحلقات وإنشاء قوائم تشغيل
- إتاحة تنسيقات فيديو متعددة حسب التنسيقات التي يتيحها متصفّح المستخدم (بما في ذلك WebM وOgg وMP4 وحتى تنسيق Flash الاحتياطي)
- صفحة الفئات التي تتضمّن نظرة عامة على البرامج أو الفئات المختلفة المتاحة في التطبيق
- إشعارات بالحلقات الجديدة (عند تثبيت التطبيق من خلال "سوق Chrome الإلكتروني")
- ميزة مدمجة للمشاركة على Google+ وTwitter وFacebook
- لضمان سهولة التخصيص، يتم تضمين جميع الملفات المصدر، بما في ذلك ملفات PSD في Photoshop.
طريقة الإنشاء
تمّ كتابة نموذج مشغّل الفيديو لمنصّة الويب المفتوحة باستخدام HTML وJavaScript، مع اتّباع نمط وبنية Model View Controller بشكل عام.
- تم إنشاؤه باستخدام مكتبة Google Closure JavaScript المفتوحة المصدر.
- تم تجميعه باستخدام Closure Compiler
- الموزَّعة من خلال "سوق Chrome الإلكتروني" للاستفادة من الإشعارات
توافق المتصفّح
بالإضافة إلى العمل كتطبيق يمكن تثبيته من خلال "سوق Chrome الإلكتروني"، تم اختبار نموذج مشغّل الفيديو ويعمل في جميع المتصفّحات الحديثة.
جرّبه الآن
يمكنك مشاهدة عرض توضيحي لمشغل الفيديو في التطبيق التجريبي. للاطّلاع على مزيد من المعلومات حول طريقة عمل التطبيق، يمكنك الاطّلاع على المستندات.
يمكنك الحصول على الرمز من Google Code.
استمتعوا بالمشاهدة.