يحب المستخدمون الوسائط، خاصةً الفيديوهات، لأنّها يمكن أن تكون ممتعة ومفيدة. على الأجهزة الجوالة، يمكن أن تكون الفيديوهات طريقة أسهل لعرض المعلومات مقارنةً بالنصوص. لتوفير تجربة مستخدم جيدة، يجب ألا تتطلّب الفيديوهات أكثر من معدل نقل البيانات المتاح. ويجب أن يتمكّن المستخدمون من استخدامها بغض النظر عن الجهاز الذي يشاهدون المحتوى عليه. يجب ألا يحتاج المستخدمون إلى الانتظار حتى يتم تنزيل الوسائط. لا يحب أحد أن يضغط على زر التشغيل ولا يحدث شيء.
لا شك أنّك شاهدت فيديوهات على جهازك، ما يعني أنّه ليس هناك ما يفاجئك في هذه الفقرة الأخيرة. عليك الآن معرفة كيفية وضع فيديو أو ملف وسائط آخر على موقعك الإلكتروني. يجب أن تخدم المتطلبات الفنية لإضافة الوسائط تجربة المستخدم.
المتطلبات الفنية
- تكون نُسخ ملف الوسائط بتنسيقات شائعة متوافقة مع الويب تحتوي على كلّ من بث المحتوى الصوتي وبث الفيديو.
- أن تكون درجة الدقة مناسبة لأجهزة المستخدمين
- لا يؤدي معدل نقل البيانات إلى زيادة كبيرة في معدل نقل البيانات المتاح للمستخدمين على الشبكة.
- يمكن عرض النتيجة على جميع المتصفحات الرئيسية باستخدام التقنيات المناسبة.
- الملف مشفّر (اختياري).
سيساعدك قسم الوسائط في هذا الموقع الإلكتروني على استيفاء هذه المتطلبات الفنية. لا داعي للقلق إذا كانت هذه المفاهيم لا تزال مجرد مفاهيم مجردة. سنشرحها بالتفصيل في جميع المقالات. في القسم الأول، ستتعرّف على المفاهيم الأساسية للوسائط، ثم على كيفية إضافة الوسائط إلى الويب في القسم الثاني، وفي القسم الأخير، ستتعرّف على التطبيقات العملية لاستخدام الوسائط على الويب، مع بعض التقنيات المتقدّمة.
عرض الفيديو على الويب
هناك أربع طرق يمكنك اتّباعها عند عرض فيديو على موقع إلكتروني.
- حمِّل فيديوهاتك على مقدّم خدمة استضافة الوسائط، مثل YouTube أو Vimeo. تتطلّب هذه الخيارات تضمين مشغّلاتها في موقعك الإلكتروني.
- عملية تضمين أساسية مستضافة ذاتيًا باستخدام عنصرَي HTML
<video>و<audio> - تضمين أكثر شمولاً باستخدام مكتبة فيديو، مثل Shaka Player أو JW Player أو Video.js
- إنشاء خادم وسائط وتطبيق بث خاصَين بك
يتناول هذا الموقع الإلكتروني بشكل أساسي أساسيات تضمين الوسائط. ومع ذلك، نتناول بعض المواضيع الأكثر تقدمًا لمساعدتك في بدء إنشاء تطبيقك الخاص لبث الوسائط. إنّ الجهد المبذول لتنفيذ ذلك ليس بسيطًا، لذا لقد أنشأنا تطبيقًا متوافقًا مع تقنية "التطبيقات المصمّمة للأجهزة الجوّالة" (PWA) لعرض الوسائط يتيح التشغيل بلا إنترنت لاستخدامه كمرجع، وهو من المفترض أن يعرض لك طرق تنفيذ ذلك ومدى الجهد المطلوب. لا يُعدّ التطبيق عرضًا جاهزًا للنشر أو منافسًا لخدمات مثل YouTube أو Vimeo، ولكنه سيوفّر لك نقطة بداية لتعلّم مهارات جديدة وصعبة.
بصراحة، إنّ إنشاء خدمة منافسة لخدمات الوسائط المستضافة يتطلّب فريقًا من المهندسين الخبراء وآلاف ساعات العمل. ما لم يكن هدفك هو الدخول إلى هذا السوق كمنافس، من الأفضل استخدام إحدى ال methods الأخرى. من المهم فهم التكنولوجيا، ومع أنّه قد لا يكون بإمكانك طرح تطبيقك أو مشغّل الفيديو الخاص بك، إلا أنّه من المفيد استكشاف ومحاولة استخدام أحدث ميزات المتصفّحات، أو على الأقل استخدام إحدى مكتبات الفيديو الحالية.
ما سنتعلمه
تتألّف مجموعة الوسائط من ثلاثة أقسام. في هذا القسم الأول، سنقدّم مفاهيم ومعلومات مسبقة لإضافة الوسائط إلى موقعك الإلكتروني. ويشمل ذلك شرح كيفية تجميع ملفات الوسائط، وأساسيات التطبيقات التي ستحتاج إليها لإعداد ملفاتك للويب، ومفاهيم البث. يوضّح القسم الثاني كيفية إعداد ملفاتك وتحويلها إلى تنسيقات مختلفة وإضافة التشفير اختياريًا. في القسم الأخير، سنوضّح لك كيفية تضمين ملف وسائط في صفحة ويب، وسنناقش أفضل ممارسات التشغيل التلقائي، واستخدام إطارات عمل الوسائط، وإزالة الفيديوهات من الإنترنت، وجعل فيديوهاتك سهلة الاستخدام.
هناك الكثير لنتناوله، لذا لنبدأ بأساسياتملفّات الوسائط.