مصدر رائع لكودات تضمين الأصوات والفيديو في XHTML
ملاحظة: هذا يخص مطوري المواقع لذلك قد لا تفهمه :). فلا تبتأس فالمدونة تحوي أشياء أخرى. قلب صفحاتها ;).
خرجت لنا منظمة W3C بقواعد لمستندات XHTML. قابلها الكثيرون بالرفض وأخص منهم المصممين العرب. لأن أغلبهم تعود على إستخدام FrontPage المشؤوم في تصميم صفحاته. وخيرهم كان يعمل على Dreamweaver. أكثر هذه المشاكل هي بسبب الجهل أو بتعبير أصح قلة المعرفة والخوف منها!.
من أبرز المشاكل التي يشتكون منها هي مسألة تضمين (Embed) الوسائط المتعددة داخل صفحات الأنترنت، أمثال الصيغ (flv, mp3, rm, wav, wmv, avi) وأكثر ما أشتهر بهذه المشكلة الصيغة SWF فكلنا يعرف كثرة إستخدمها في هذه الفترة!.
في الحقيقة لم تكن W3C مخطئة عندما خرجت لنا بهذه المعايير الصعبة أو بتعبير أصح الموحدة. فقد كانت المعايير رائعة ووحدت الكثير من المسائل وقللت العبئ على مصممي المواقع ومنتجي المتصفحات على حد سواء.
والحل:أنظر أسفل الصفحة
ولم تغفل عن نقطة مهمة مثل هذه - تضمين (Embed) الوسائط المتعددة داخل صفحات الأنترنت، - فقد قدمت حلاً موحداً وهو إستخدام الوسم Object.
حسناً ولكن هذا الأمر لايزال مجهولاً لكثير من المطورين، بسبب عدم دعم البرامج له مثل Dreamweaver أو غيره.
الحل الرائع للمشكلة
وجدت هذا الموقع الذي يقدم لك أكواد لتشغيل جميع الصيغ وتحت كل كود يوجد مثال وجدول يوضح المتصفحات التي تدعم هذا الكود.
الموقع: http://joliclic.free.fr/html/object-tag/en/object-xhtml-test-suite.php
وهو يحوي كودات XHTML، صالحة للعمل بحسب معايير W3C. لكل الإمتدادات التالية وغيرها:
pdf, mpg, avi, wmv, mov, wav, mp3, ogg, mid, svg, swf, rm, ‘java applet’
بعد فتح الصفحة إختر الصيغة المطلوبة وسيظهر لك الكود المعني بها وتصرف به إنت :).
أنت كمطور ويب يفترض بك معرفة كيفية تعديل الكود ووضع رابط الملف داخله :). فهو مقروء وسهل، وكتلميح. ستجد كود يتكون من 5 أسطر أو ما شابه. تمعن به وستجده يحوي على ثلاثة روابط الأول تسبقه كلمة data والثاني تسبقه كلمة src هذا هما المهمان إستبدلهما بنفس رابط الملف المطلوب. والثالث تسبقه كلمة alt هذا مهم ويفيد في حالة عدم دعم المتصفح لهذا النوع من الملفات، كأن يكون متصفح قديم أو جهاز جوال وما إلى ذلك :).
أرجوا نشر هذه المعلومة :). والإشارة للمصدر كرم منك :).
27 سبتمبر 2008 في الساعة 5:36 م
[...] http://www.omardo.com/blog/archives/293#more-293 [...]
27 سبتمبر 2008 في الساعة 5:41 م
السلام عليكم ورحمه الله وبركاته
موقع جداً روعة وفيه عدد من الاكواد المحتاجين لها
خصوصا الـ Java applet والتي نستخدمها كثيراً في منافذ الدردشات في التصاميم
فهي تشكل العقبة الاولى لي شخصياً في ان يكون الموقع مطابقاً 100% لـ Css و XHTML
وأسف الموضوع لايستحق النشر
بله كامل مدونتك تستحق التنويه عنها وتم ذلك في مدونتي
تقبل مروري وتحيتي
أمجد
28 سبتمبر 2008 في الساعة 1:12 ص
سلام عليكم
مدونة جميلة و معلومات مفيدة
و شكرا على الرابط المفيد واصل ابداعك أخي
تحياتي .
28 سبتمبر 2008 في الساعة 2:40 م
السلام عليكم ورحمة الله وبركاته،
شكرا لك أخي عمر على الرابط الرائع حقا، بالنسبة لي زكرأي شخصي فإنني أرى أن المعايير القياسية أكثر تنظيما وأسهل في التعامل لأنها منطقية بشكل كبير، واتحاد ذلك مع تقنيات CSS يجعل الأمر متعة..
لدي تعقيب خفيف أخي عمر بخصوص الوسم alt، فهو له دور مهم ويتجلى حينما يكون المتصفح لا يدعم إحدى الصيغ، أو أن المستعمل لم يقم بتثبيت الإضافة المناسبة لإظهار إحدى الصيغ، فمثلا لو قمنا بتضمين صفحة ويب فيديو ميديا بلاير وكان المتصفح لا يتعامل مع هذا النوع من الفيديويهات لأن الإضافة الخاصة غير مثبتة مثلا، فحينها سوف يعرض المتصفح محتوى الوسم alt، وهو أمر بالغ الأهمية برأيي..
أرجو أن يكون ردي قد حمل جديدا، وبارك الله فيك مجددا أخي الحبيب عمر على مشاركتك إيانا كل ما تعرف..
مني لك أرق تحية..
29 سبتمبر 2008 في الساعة 6:38 م
تعقيب على [BroKeN]:
شكراً :). لن أنسى معروفك هذا :).
29 سبتمبر 2008 في الساعة 6:41 م
تعقيب على [BroKeN]:
شكراً :). لن أنسى معروفك هذا :).
تعقيب على [عبد الهادي]:
هذا أجمل ما فيها!
تمام كلامك … تم تعديل الشرح :)، وشكراً لك على هذه الملاحظة الجميلة.
المشكلة أنا أعلم جيداً بضرور alt ولكني قست على نفسي حينما حذفتها من مشروع عملته سابقاً!! بالطبع في أماكن أخرى هي ضرورية جداً :).
3 أكتوبر 2008 في الساعة 11:06 م
رائع . غريب
لاحظت في برنامج الدريم ويفر عندما وضعت كود embed ظهور اخطاء ولم اعرف الحل
لكن في نظرك اي كود اقرب الي صيغة asx هل اضع له كود wmv نفسه؟
4 أكتوبر 2008 في الساعة 4:33 م
تعقيب على [خلاصات أفلام]:
من هنا: لا تستخدم هذه الصيغة أبداً! حولها إلى أي صيغة مشهورة. كي تضمن وصولها لأي جهاز بغض النظر عن نظام التشغيل :).
لو فكرت حول توافقية موقعك لتراجعت عن هذا الأمر :)، لأن مثل هذه الصيغة لا تعمل إلا على وندوز!
(والكثير من الناس تستخدم لينكس الآن!)