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