مقالة مقدمة من wulin.com (www.vevb.com): HTML 5 نظرة عامة على الفيديو.
1 مقدمة فيديو
اقتبس من نص المقدمة من المستند المترجم الخاص بي "تضمين الصوت والفيديو في صفحات HTML5": اليوم ، الطريقة الوحيدة الموثوقة لتضمين مقاطع الفيديو على صفحات الويب ورؤيتهم جميع المستخدمين بغض النظر عن متصفحهم أو نظام التشغيل هي استخدام الفلاش. يتطلب ذلك المكون الإضافي لـ Adobe Flash ويجمع بين علامات <Bound> و <inmbed>.
لدى معظم المستخدمين بالفعل مكونات إضافية Flash Plugins (في الواقع ، حوالي 95 ٪ من مستخدمي الإنترنت لديهم إصدار معين من Flash) ، لكن مؤيدي HTML 5 يدفعون للحصول على معيار فيديو مفتوح لا يتطلب أي مكونات إضافية. هذه هي الفكرة التي تم تقديمها إلى علامة HTML 5 الجديدة <video> ، والتي توفر وسيلة لتضمين مقاطع الفيديو (والتفاعل معها) دون الحاجة إلى ملحقات خاصة مثل Flash.
لسوء الحظ ، فإن الفيديو ليس بهذه البساطة. لا يحتاج المتصفح إلى فهم علامة <video> ، ولكن أيضًا ترميزًا وترميزًا ضروريًا لتشغيل مقاطع الفيديو. الحل الواضح هو فقط لمبدعي مواصفات HTML 5 لاختيار برنامج ترميز الفيديو والسماح لكل مصنع للمتصفح بتنفيذه.
على أي حال ، هذا ما توصي به. في الوقت نفسه ، هذا هو أيضا فتيل الذي يسبب الفوضى. النقاش حول مجموعة متنوعة من برامج الترميز أمر مزعج للغاية بالفعل ، ولكن الشيء الأكثر مأساوية هو أن مصنعي المتصفح لا يمكنهم الوصول إلى نهاية موحدة. تتردد Apple في استخدام برنامج Codec المقترح OGG Theora ، لكن Opera و Mozilla غير راغبين أيضًا في دفع رسوم الترخيص بسبب تحميل متصفحاتهم برنامج ترميز H.264. تدعم Google كلاهما ، و Microsoft وراء النقاش بعيدًا عن النقاش لأنه ليس لديه خطط لدعم عناصر فيديو HTML 5 على الإطلاق.
في مواجهة الجمود من صانعي المستعرضين ، هزت الدكتاتور HTML 5 حسن النية إيان هيكسون يده وقال سخيف. لذلك ، لا يوجد ترميز ترميز فيديو محدد أو محدد في مواصفات HTML 5. حسنًا ، اقتبس هنا.
الموقف هو أن Microsoft محاصر أخيرًا ، ولكن بشكل مأساوي ، فإنه يدعم فقط H.264 في IE 9. في الوقت نفسه ، أصدرت Google أخيرًا تنسيق WebM وتنسيق ترميز الفيديو المصدر المفتوح في مؤتمر I/O. أعلنت Opera و Mozilla و Chrome أنها ستدعم بالكامل VP8 ، وأعلنت أي بعض الدعم (مطلوب مطلوب مكونًا مطلوبًا ، ولكن إذا كنت أتذكر بشكل صحيح ، فإن إحدى رؤى HTML5 هي ترك المكونات الإضافية للمتصفح ، وهو أمر مأساوي حقًا لـ Microsoft).
قررت Apple عدم دعم VP8. تعتقد جوبز أن VP8 ليس جيدًا مثل H.264 من حيث الجودة أو الكفاءة ولا يمكنه تلبية متطلبات منتجاتها. بالإضافة إلى ذلك ، تظهر آخر الأخبار أن VP8 قد تتضمن أيضًا مشكلات براءات الاختراع (إذا كانت براءة الاختراع تنتهك حقًا ، فمن المحتمل أن تتجاهل Opera و Firefox VP8 على الفور).
بعد أن قلت كثيرًا ، في النهاية ، إذا كنت ترغب في استخدام علامة <video> في الصفحة ، فأنت بحاجة إلى النظر في ثلاث حالات: تلك التي تدعم Ogg Noreora أو VP8 (إذا لم يحدث شيء لهذا الشيء) (Opera ، Mozilla ، Chrome) ، تلك التي تدعم H.264 (Safari ، IE 9 ، Chrome) ، تلك التي لا تدعم (IE6 ، 7 ، 8).
حسنًا ، دعنا نفهم الآن مقاطع فيديو HTML 5 من المستوى الفني ، بما في ذلك استخدام <video> العلامات وخصائص الوسائط والأساليب التي يمكن أن تستخدمها كائنات الفيديو والأحداث الوسائط.
2 استخدام علامة الفيديو
تحتوي علامة الفيديو على عدة سمات مثل SRC ، الملصق ، التحميل المسبق ، اللعب التلقائي ، الحلقة ، عناصر التحكم ، العرض ، الارتفاع ، وما إلى ذلك ، بالإضافة إلى علامة داخليًا <Source>.
بالإضافة إلى علامة <Source> ، يمكن أن تتضمن علامة الفيديو أيضًا المحتوى الذي يتم إرجاعه عندما لا يمكن تشغيل أي من مقاطع الفيديو المحددة.
2.1 سمة سمة SRC وملصقها
هل يمكنك أن تتخيل ما يتم استخدام سمة SRC. مثل علامة <img> ، يتم استخدام هذه الخاصية لتحديد عنوان الفيديو.
يتم استخدام سمة الملصق لتحديد صورة وعرضها عندما تكون بيانات الفيديو الحالية غير صالحة (صورة معاينة). قد تكون بيانات الفيديو غير صالحة لأن الفيديو يتم تحميله ، فقد يكون ذلك لأن عنوان الفيديو خاطئ ، إلخ.
2.2 سمة التحميل المسبق
يمكن أيضًا استخدام هذه الخاصية بالاسم ، والتي يتم استخدامها لتحديد ما إذا كان الفيديو قد تم تحميله مسبقًا أم لا. هناك ثلاث قيم اختيارية للسمات: لا شيء ، بيانات التعريف ، و Auto. إذا لم يتم استخدام هذه الخاصية ، فإن الافتراضي هو تلقائي.
لا شيء: لا التحميل المسبق. قد يكون استخدام قيمة الخاصية هذه أن صانع الصفحات يعتقد أن المستخدم لا يتوقع هذا الفيديو ، أو يقلل من طلبات HTTP.
البيانات الوصفية: تم التحميل المسبق جزئيًا. يعني استخدام قيمة السمة هذه أن صانع الصفحات يعتقد أن المستخدم لا يتوقع هذا الفيديو ، ولكنه يوفر للمستخدم بعض البيانات الأولية (بما في ذلك الحجم ، الإطار الأول ، قائمة المسار ، المدة ، إلخ).
السيارات: كل ما قبل التحميل.
2.3 سمات اللعب التلقائي
سمة أخرى تعرف استخدامها وفقًا للاسم. يتم استخدام خاصية التشغيل التلقائي لتعيين ما إذا كان الفيديو قد تم تشغيله تلقائيًا ، وهو خاصية منطقية. عندما يظهر ، يعني التشغيل التلقائي ، وإزالته يعني أنه لا يعمل تلقائيًا.
لاحظ أن قيم السمة المنطقية في HTML ليست صحيحة وكاذبة. الاستخدام الصحيح هو استخدام هذه السمة لتمثيل True في العلامة. في هذا الوقت ، لا تحتوي السمة إما على أي قيمة أو أن قيمتها تساوي دائمًا اسمها (هنا ، التشغيل التلقائي هو <video autoplay /> أو <video autoplay = autoplay />) ؛ على الرغم من عدم استخدام هذه السمة في العلامة لتمثيل خطأ (هنا ، فإن التشغيل التلقائي هو <video />).
2.4 سمات الحلقة
من الواضح في لمحة أن سمة الحلقة تستخدم لتحديد حلقة الفيديو ، كما أنها سمة منطقية.
2.5 عناصر التحكم السمة
يتم استخدام خاصية Controls للإشارة إلى المتصفح إلى أن صانع الصفحة لا يستخدم البرامج النصية لإنشاء وحدة تحكم التشغيل ، ويتطلب المستعرض من المتصفح تمكين شريط التحكم في التشغيل الخاص به.
يجب أن يتضمن شريط التحكم التحكم في الإيقاف المؤقت للتشغيل ، والتحكم في التقدم في التشغيل ، والتحكم في مستوى الصوت ، إلخ.