جهِّز نفسك لسوالف كاست، واحصل على Macbook Air
ويكيمانيا 2008. الإسكندرية، من 17 وحتى 19 يوليو

 

العودة   سوالف سوفت > قسم تطوير وبرمجة المواقع للمتقدمين > ASP و ASP.NET
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد
 
LinkBack أدوات الموضوع
عضو نشيط
تاريخ التسجيل: Jun 2007-
#1 (permalink)  
Silverlight أنشئ مشغلك الفيديو على الويب (1)




تقريباً من المميزات الرائعة في Silverlight سهولة إنشاء تطبيقات رائعة مثل مشغل فيديو في وقت قصير جداً جداً وبسهوله عالية بإستخدام أدوات جاهزة
والأفضل أيضاً أن لديك الحرية والمرونة في التطوير عليها من دون قيود !
سوف اتطرق في هذه المقالة عن إنشاء مشغل فيديو خاص بك بإمكانك تصميمه بالشكل الذي يعجبك ليناسب تصميم موقعك مثلاً
أو لوضع إعلاناتك الخاصة في مشغل الفيديو مثلاً في جميع مقاطع الفيديو ويتم تغييرها من ملف xml واحد مثلاً
يعني هناك خيارات ومميزات كثيرة في هذا التطبيق وسندخل في صلب الموضوع مباشرة

بسم الله الرحمن الرحيم
كما تفضلنا سابقاً سنعمل على برنامج Blend حالياً بشكل أساسي
إذاً نفتح برنامج Blend
نعمل New Project ونختار طبعاً Silverlight Website
الأن سنبدأ بتصميم الإطار الخارجي للمشغل
نجعل مساحة إطار العمل العرض 480 والإرتفاع 400 ونجعل لون الخلفية رمادي غامق كالتالي



طبعاً لمعرفة هذه التفاصيل يمكنك الرجوع إلى المقالة السابقة لأن فيها تعليمات أساسية للادوات

ثم نرسم مربع داخل إطار العمل لونه رمادي فاتح وحدوده لونه أسود بعرض 2 بيكسل كالتالي



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



ثم نضغظ على Show All ليضهر لنا جميع الأدوات ونختار MediaElement



الأن نرسم بالضغط على اللفارة شكل مربع طبعاً بإداة MediaElement وهو يمثل مساحة المربع لعرض الفيديو فيه ليصبح كالتالي



الان في خصائص المشغل ستجد في نافذة Media الخاصية Source وفيها تعطي مصدر الفيديو ليتم تشغيله وفي حالتنا هذي سأختار مقطع فيديو ممتع عن دعاية لسيارة أودي



ستلاحظ انه بعد إختيار المقطع من أي مكان مختلف عن مجلد مشروعك سيقوم بنسخه إلى المشروع وأخذ قيمة امتداده من المشروع مباشره وهذي حركه جداً رائعة من Blend
الأن ستجد الصورة الأولى من الفيديو قد ضهرت لك في مربع مساحة عرض الفيديو



لكنه لم يتمدد الفيديو على مقاس مربع عرض الفيديو, بإمكانك جعله هكذا لتكون الدقه والعرض بشكل سليم لكن أيضاً بإمكانك جعله متمدد وهذا في أغلب الأوقات يظهر بصوره جميله وسليمة
ولجعل عرض الفيديو متمدد في مساحة عرض الفيديو , إذهب إلى نافذة media واضغط على السهم الذي تحته لتظهر الخصائص الغير مستخدمه بشكل مستمر والمخفيه



ليظهر لك الخاصية Stretch , إختر في هذه الخاصية Fill
ليظهر الفيديو بعرض المساحة الكاملة كالتالي



الأن بإمكانك الضغط على F5 لمشاهدة عملك وسيعمل على تشغيل الفيديو في الصفحة
هذي بداية ما أبغى أكثر عليكم عشان هذا الدرس يرسخ في ذهونكم مثل ما رسخ في ذهني لما تعلمته بهالطريقه ثم بعدين نكمل الباقي في المقالة التالية
إضافة الأزرار لتشغيل وإيقاف المشغل و تكبير المشغل للشاشة كاملة وعمل تكبير وتخفيض للصوت
وشكراً
بإمكانك مشاهدة فيديو درس لنفس عمل هذا الدرس الشرح يطرحه باللغة الإنجليزية لكنه سهل لأنه فقط تتبع خطوات ولأي إستفسارات أخرى انا حاظر
هنا بإمكانك الحصول على المصدر مع المثال ستجد الملف المضغوط يحتوي على الملفات التالية



لمشاهدة المثال افتح Defualt.htm

للتحميل اضغط هنا



المصدر : ط¹ط§ظ„ظ… ط§ظ„طھظ‚ظ†ظٹط© » Blog Archive » Silverlight ط£ظ†ط´ط¦ ظ…ط´ط؛ظ„ظƒ ط§ظ„ظپظٹط¯ظٹظˆ ط¹ظ„ظ‰ ط§ظ„ظˆظٹط¨ (1)






__________________
عبدالملك عبدالله الثاري
http://www.althari.com

التعديل الأخير تم بواسطة : أبو فارس بتاريخ 07-04-2008 الساعة 02:08 PM.
أبو فارس غير متواجد حالياً   قديم 07-04-2008, 02:07 PM
رد مع اقتباس
رد


أدوات الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع
لا تستطيع كتابة ردود
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
و انطلق مشروع المصفوفة scripter أخبار الإنترنت والتقنية ومناقشتها 3 25-02-2008 10:16 AM
يقولو امانة في عنقك ترسل هذه الرسالة الى 50 ايميل ( ادخل وشارك برأيك ) alexipc.com سوالف عامة 17 13-12-2007 09:03 AM
لخريجي الثانوية معلومات هامة ( مواعيد القبول في الكليات والجامعات ) بدر 821 سوالف عامة 7 19-08-2007 10:33 PM
معلومات مهمة عن أدوار فريق العمل في مواقع الويب isader.com تطوير الويب 44 22-08-2005 02:54 PM


الساعة الآن: 02:13 AM بتوقيت المملكة العربية السعودية