كيفية تضمين الوسائط المتعددة في لغة البرمجة HTML

اقرأ في هذا المقال


كيفية تضمين الوسائط المتعددة في لغة البرمجة HTML

تدعم لغة البرمجة (HTML) مفهوم تضمين الوسائط المتعددة مثل الصور والصوت والفيديو كغيرها من لغات البرمجة المختلفة، وهناك العديد من العناصر الخاصة بهذه اللغة، والتي يتم استخدامها لتضمين الوسائط المتعددة، والجدول التالي يحتوي على أهم هذه العناصر التي يتم استخدامها بشكل رئيسي من قبل مستخدمي هذه اللغة:

العنصر الاستخدام
<area>يستخدم هذا العنصر في عملية تعريف منطقة في خريطة لصورة معينة،بحيث لا يمكن استخدام هذا العنصر إلا ضمن عنصر (<map>).
<audio>يستخدم هذا العنصر لتضمين المحتوى الصوتي في المستندات، وقد يحتوي هذا العنصر على ملف مصدري واحد أو أكثر والتي يتم تمثيلها باستخدام الخاصية (src) أو عبر العنصر (<source>)، وبعد ذلك يختار المتصفح أنسب الملفات الصوتية حتى يتم تشغيلها.
<img>يستخدم هذا العنصر لتمثيل صورة في المستند.
<map>يُستخدَم العنصر (<map>) مع العنصر (<area>) لتعريف خريطة للصورة أي تعريف منطقة قابلة للنقر في الصورة.
<track> يُستخدَم هذا العنصر داخل العنصر (<audio>) أو العنصر (<video>)، ويسمح هذا العنصر للمستخدم من القيام باستخدام مسارات نصية مؤقتة مثل الترجمات المصاحبة لمقاطع الفيديو، بحيث تكون هذه المقاطع بصيغة (Web VTT) وملفاتها بامتداد ( ‎.vtt) أي ( Web Video Text Tracks).
<video>يستخدم هذا العنصر في عملية تضمين المحتوى الصوتي في المستندات، وقد يحتوي على ملف مصدري واحد أو أكثر والتي يتم تمثيلها باستخدام الخاصية (src) أو عبر العنصر (<source>)، وفيما بعد سيختار المتصفح أنسب صيغة لتشغيلها.
<picture>يُمثِّل هذا العنصر حاوية تُستخدَم لتحديد عدِّة مصادر عبر العنصر (<source>) لصورة (<img>) محتواة داخله؛ وفيما بعد سيختار المتصفح أنسب مصدر للصورة بالاعتماد على تخطيط الصفحة.
<embed> يُمثِّل هذا العنصر  نقطة إدراج لتطبيق خارجي أو لمحتوى تفاعلي أي بصيغة أخرى.
<source>يُحدِّد هذا العنصر عدِّة مصادر لملفات الوسائط المتعددة ضمن العنصر (<picture>) أو  العنصر (<audio>) أو (<video>)، وهذا العنصر فارغ وأكثر استخدام شائع له هو توفير محتوى الوسائط المتعددة نفسه لكن بصيغ مختلفة لكي يستطيع المتصفح فيما بعد القيام بتشغيل أنسبها.
<object>
يُمثِّل هذا العنصر مصدراً خارجياً، والذي يمكن أن يُعامل كصورة أو كمصدر سيُعالَج عبر إضافة خارجية.

المصدر: HTML AudioHTML VideoHTML Multimedia


شارك المقالة: