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