استخدام علامات الفيديو Video Markers في سيلفرلايت

 

التعريف

بداية، ما هي علامات الفيديو Video Markers؟

علامات الفيديو Video Markers هي عبارة عن نصوص يتم دمجها داخل ملف الفيديو في أماكن معينة. على سبيل المثال، يمكنك دمج الترجمة لفيديو داخل الملف الخاص به، وبالتالي يمكنك برمجة تطبيقك لعرض الترجمة أثناء تشغيل الفيديو.

تدعم سيلفرلايت العلامات بطريقة متميزة جدا، فيمكنك باستخدام الخاصية Markers الخاصة بالعنصر MediaElement أن تحصل على جميع العلامات الموجودة داخل الفيديو. كما يمكنك الاستفادة من الحدث MarkerReached الخاص بهذا العنصر أيضا لتنفيذ أكواد عند الوصول إلى علامة معينة (مثلا عرض النص الخاص بهذا العلامة)، كما سوف نشاهد في التطبيق.

 

التجهيز

لإضافة العلامات إلى الفيديو وتجهيز الفيديو للعمل في سيلفرلايت يمكنك استخدام برنامج Microsoft Expression Encoder. بعد فتح البرنامج وإضافة الفيديو إليه يمكنك الانتقال على المكان الذي تريد إضافة العلامة عليه والضغط بزر الفأرة الأيمن على شريط التقدم واختيار Add Marker لإضافة علامة جديدة.

بعد ضغطك على Add Marker تنتقل إلى الخيارات الخاصة بالعلامات والتي يمكنك من خلالها كتابة نص العلامة وإضافة علامات أخرى أو حذف علامات موجودة.

بعد إضافتك للعلامة تجد أنه تم وضع رمز معيَّن (♦) في شريط التقدم فوق المكان الذي قمت بوضع العلامة فيه للدلالة على أن هذا هو مكان العلامة التي قمت بإضافتها (انظر الشكل الأول.)

الآن قم بتطبيق عملية الترميز Encoding واحفظ الملف بصيغة WMV.

الآن يمكنك استخدام الحدث MarkerReached الخاص بالعنصر MediaElement كي تقوم بالحصول على نص العلامة عندما يصل الفيديو إليها:

void MediaElement_MarkerReached(object sender, TimelineMarkerRoutedEventArgs e)
{
    theTextBlock.Text = e.Marker.Text;
}

 

التطبيق

في هذا التطبيق قمنا بالحصول على فيديو لسورة الفاتحة قراءة الشيخ الحصري من اليوتيوب. قمنا بعد ذلك بإضافة الفيديو إلى Microsoft Expression Encoder وإضافة علامات بالآيات عندما يبدأ الشيخ بقراءتها. أخيرا قمنا ببرمجة التطبيق ليعرض الآيات على الشاشة، وكان الخط المستعمل في عرض الآيات هو الخط الأميري (شكر خاص خالد حسني مطور الخط.)

تحميل التطبيق

اترك تعليقا