| |||||||
| المدوّنات | البحث | مشاركات اليوم | اجعل كافة المشاركات مقروءة |
|
| | LinkBack | أدوات الموضوع |
| |||||
| 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) التعديل الأخير تم بواسطة : أبو فارس بتاريخ 07-04-2008 الساعة 02:08 PM. | |||||
|
![]() |
| أدوات الموضوع | |
| |
المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| و انطلق مشروع المصفوفة | 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 |