در پخش کننده ها storyboard به فریم‌هایی با بازه زمانی مشخص از بخش‌های مختلف ویدئو گفته می‌شود که به کاربر کمک می‌کند نمای کلی ویدئو را با استفاده از تصاویر بخش‌های مختلف مشاهده نماید. یک افزونه برای MediaElementPlayer پیاده سازی نمایید که با حرکت مکان نمای کاربر بر روی progress bar پخش‌کننده تصویر مربوط به آن بخش ویدئو را نمایش دهد. (A)  هر ویدئو در این بخش شامل چندین فایل تصویری storyboard می باشد و هر فایل storyboard شامل ۵ سطر(به جز storyboard آخر) و ۵ ستون فریم ویدئو با فاصله زمانی یکسان می باشد(ترتیب فریم ها از چپ به راست و از بالا به پایین است).  \**Github link: https://github.com/codup1/MediaElementPlayer-storyboard-plugin** **نکاتی که باید مورد توجه قرار گیرند:** + تعداد کل `frame`های یک فایل‌ ویدئویی را به عنوان ورودی در اختیار داریم.(مثلا برای این سوال تعداد ۹۵ است) + آدرس storyboardها دارای یک قالب می‌باشند (مثلا برای نمونه داده شده به صورت `https://quera.ir/qbox/view/HpmNqdhNbk/M*.jpg` است ) ما این قالب را به عنوان ورودی در اختیار داریم و آدرس فایل‌های تصویر بر اساس قالب و تعداد ورودی‌ها بدست می‌آید. + فاصله زمانی بین فریم ها یکسان است. + تمام storyboard ها شامل ۵ ستون هستند. (تعداد فریم ها مضرب ۵ است) و به جز storyboard آخر همه storyboard ها ۵ سطر دارند. و storyboard آخر به تعداد لازم سطر دارد. (بهتر است بر حسب نیاز به نمایش storyboard‌ ها دریافت شوند.) **منابع مورد نیاز: ** + فایل ویدئویی: https://quera.ir/qbox/view/CZuyN2vaUM/sample.mp4 + تصاویر storyboard: + https://quera.ir/qbox/view/HpmNqdhNbk/M0.jpg + https://quera.ir/qbox/view/unIewuaWgF/M1.jpg + https://quera.ir/qbox/view/g021cyaHvA/M2.jpg + https://quera.ir/qbox/view/FVvx16FJmI/M3.jpg