آیا تا به حال خواسته اید یک راه سرگرم کننده و زیبا برای انتشار ویدیوها در سایت خود مانند برنامه های جدید 60 Minutes یا RedBull.tv از فروشگاه وب Chrome داشته باشید؟ من هیجان زده هستم که انتشار برنامه وب نمونه پخش کننده ویدیو را اعلام کنم! Video Player Sample یک برنامه وب پخش کننده ویدئو منبع باز است که با استفاده از معماری مشابه برنامه های 60 Minutes و RedBull.tv ساخته شده است. می توان آن را سفارشی کرد، گسترش داد، یا فقط از جعبه استفاده کرد و با محتوای خود پر کرد.
چگونه کار می کند
وقتی کاربر نمونه پخش کننده ویدیو را باز می کند، می تواند انتخاب کند که یک ویدیو را تماشا کند یا از فهرستی که آپلود کرده و در برنامه پر کرده است، یک لیست پخش از ویدیوها/قسمت ها ایجاد کند. Video Player Sample پیکربندی شده و اطلاعات مربوط به ویدیوها در فایل های JSON (به ترتیب config.json و data.json) ذخیره می شود که هر دو در فهرست داده ها قرار دارند.
ویژگی های کلیدی
- یک تجربه تماشای ویدیو زیبا، از جمله نمای تمام صفحه
- امکان اشتراک در نمایش ها، تماشای قسمت ها، ایجاد لیست پخش
- پشتیبانی از چندین فرمت ویدیویی بسته به آنچه مرورگر کاربر پشتیبانی می‌کند (از جمله WebM، Ogg، MP4 و حتی فلش بازگشتی)
- صفحه دسته‌ها با نمای کلی از نمایش‌ها/دسته‌های مختلف موجود در برنامه
- اعلان‌های قسمت‌های جدید (زمانی که برنامه از طریق فروشگاه وب Chrome نصب می‌شود)
- ساخته شده برای اشتراک گذاری در +Google، توییتر و فیس بوک
- برای اطمینان از سفارشی سازی آسان، همه فایل های منبع، از جمله فایل های PSD فتوشاپ، گنجانده شده اند
چگونه ساخته شده است
نمونه پخش کننده ویدئو برای پلتفرم وب باز با استفاده از HTML و جاوا اسکریپت نوشته شده است، که به طور گسترده از الگوی و ساختار کنترلر مدل نمای مدل پیروی می کند.
- این با استفاده از کتابخانه جاوا اسکریپت Google Closure منبع باز ساخته شده است
- با کامپایلر Closure کامپایل شده است
- از طریق فروشگاه وب Chrome برای استفاده از اعلان‌ها توزیع می‌شود
پشتیبانی مرورگر
علاوه بر کار به عنوان یک برنامه قابل نصب از طریق فروشگاه وب کروم، نمونه پخش کننده ویدیو در همه مرورگرهای مدرن آزمایش شده و کار می کند.
آن را امتحان کنید
می‌توانید نسخه نمایشی پخش‌کننده ویدیو را در برنامه آزمایشی مشاهده کنید. برای کسب اطلاعات بیشتر درباره نحوه عملکرد برنامه، مستندات را بررسی کنید.
می‌توانید کد را از Google Code بگیرید.
لذت ببرید!