تشاهدون الآن:
	موضوع:إضافة قائمة تشغيل لمشغل jwplayer
	سلسلة:أكواد مهمة للمدونين
	نبذة:إضافة ملف xml
	الصنف:دروس,أكواد,جافاسكريبت,بلوجر

السلام عليكم ورحمة الله وبركاته أسعد الله مسائكم جميعا.
نلتقي اليوم كالعادة في نفس المكان و الزمان لنتكلم عن نفس الموضوع و هو موضوع إضافة مشغل jwplayer  .
قلنا في درسنا السابق أن مشغل jwplayer له عدة أشكال من بينها الشكل الموجود في المثال  الخامس و المثال الثامن .
لكن حتى نخرج بنتيجة المثالين يجب أن يكون لنا ملف xml فكيف يتم إنشائه؟

الطريقة بسيطة جدا
المرحلة الأولى:
قم بفتح المذكرة أو أي ملف نصي ثم أضف إليه الكود التالي:

<rss version="2.0" xmlns:jwplayer="http://developer.longtailvideo.com/trac/" xmlns:media="http://search.yahoo.com/mrss/">
<channel>
  <title>RTMP Playlist</title>
  <item>
    <title>Big Buck Bunny Trailer</title>
    <description>Big Buck Bunny is a short animated film by the Blender Institute,
       part of the Blender Foundation.</description>
    <media:content url="bunny.mp4" />
    <media:thumbnail url="http://thumbs.server.com/thumbs/bunny.jpg" />
    <jwplayer:provider>rtmp</jwplayer:provider>
    <jwplayer:streamer>rtmp://rtmp.server.com/application</jwplayer:streamer>
    <jwplayer:duration>33.03</jwplayer:duration>
  </item>
  <item>
    <title>Sintel</title>
    <media:content url="sintel.mp4" />
    <media:thumbnail url="http://thumbs.server.com/thumbs/sintel.jpg" />
    <description>Sintel follows a girl who is searching for a baby dragon she
        calls Scales.</description>
    <jwplayer:provider>rtmp</jwplayer:provider>
    <jwplayer:streamer>rtmp://rtmp.server.com/application</jwplayer:streamer>
    <jwplayer:duration>888.06</jwplayer:duration>
  </item>
</channel>
</rss>

ثم الحفظ بالطريقة العادية بصيغة xml مع إختيار الترميز unicode .
اللون الأحمر لإختيار  إسم لملف xml .
اللون البرتقالي لإختيار إسم للفيديو.
اللون الأزرق لإضافة وصف للفيديو.
اللون الأخضر لإضافة رابط الفيديو.
اللون الأصفر لإضافة صورة للفيديو.
اللون الوردي لإضافة رابط rtmp في حال احتجنا إليها.

اللون البنفسجي لإضافة مدة الفيديو.

ملاحظة:

قد لا نحتاج إلى أحد العوامل السابقة (رابط rtmp  أو وصف الفيديو) لذلك يمكن إزالتها بإزالة الأوسمة  الخاصة بها و هي :

 لإزالة/إضافة  عنوان فيديو نزيل /نضيف الكود التالي مع تغيير اللون الأزرق بعنوان الفيديو في حال الإضافة   

<title>Big Buck Bunny Trailer</title> 

 **********************************************************************

 لإزالة/إضافة  وصف فيديو نزيل /نضيف الكود التالي مع تغيير اللون الأزرق بوصف  الفيديو في حال الإضافة

<description>Big Buck Bunny Blender</description>

 **********************************************************************

 لإزالة/إضافة  رابط فيديو نزيل /نضيف الكود التالي مع تغيير اللون الأزرق برابط   الفيديو في حال الإضافة

<media:content url="bunny.mp4" /> 

**********************************************************************

 لإزالة/إضافة  صورة فيديو نزيل /نضيف الكود التالي مع تغيير اللون الأزرق بصورة  الفيديو في حال الإضافة

<media:thumbnail url="http://server.com/bunny.jpg" />

**********************************************************************

  لإزالة/إضافة رابط فيديو من نوع رتمب نزيل/نضيف الكود التالي مع تغيير اللون الأزرق برابط فيديو من نوع رتمب في حال الإضافة

<jwplayer:provider>rtmp</jwplayer:provider> 

<jwplayer:streamer>rtmp://rtmp.com</jwplayer:streamer> 

**********************************************************************

  لإزالة/إضافة مدة الفيديو نزيل/نضيف الكود التالي مع تغيير اللون الأزرق بمدة الفيديو -الثانية - في حال الإضافة 

<jwplayer:duration>33.03</jwplayer:duration> 

**********************************************************************

لإضافة/إزالة فيديو نضيف/نزيل الكود التالي:

<item>
    <title>Big Buck Bunny Trailer</title>
    <description>Big Buck Bunny is a short animated film by the Blender Institute,
       part of the Blender Foundation.</description>
    <media:content url="bunny.mp4" />
    <media:thumbnail url="http://thumbs.server.com/thumbs/bunny.jpg" />
    <jwplayer:provider>rtmp</jwplayer:provider>
    <jwplayer:streamer>rtmp://rtmp.server.com/application</jwplayer:streamer>
    <jwplayer:duration>33.03</jwplayer:duration>
  </item>

مع إضافة/إزالة ما يجب إضافته/إزالته وفق التعليمات السابقة.

بعد الإنتهاء من هذه المرحلة نكون قد تحصلنا على الملف الموضح  في الصورة التالية:

ملاحظة:

في بعض الأحيان لا نصل إلى حفظ الملف بصيغة xml لذلك قم بتحميل الملف التالي (من هنا) ثم إفتح الملف بأحد المحررات النصية ثم قم بتعديل ما يجب التعديل عليه وفق الدرس أعلاه ثم قم بالحفظ مرة أخرى مع ترك الإعدادات كما هي.

المرحلة الثانية:

قم برفع الملف المتحصل عليه إلى موقعك أو أحد المواقع التي تقبل ملفات xml .
إنسخ الرابط المتحصل عليه لإستعماله لاحقا.
إضغط على الرابط (من هنا) ثم إتبع الصور.

 ثم

 

تعتبر هذه الطريقة صعبة رغم أنها الأفضل لكن هناك طريقة أخرى أسهل سنشاهدها في الدرس القادم.