إعـــــــلان

تقليص
لا يوجد إعلان حتى الآن.

شرح إضافة وعرض ملفات الفديو بصيغة flv الى صفحات الموقع php - html

تقليص
هذا الموضوع مغلق.
X
X
 
  • تصفية - فلترة
  • الوقت
  • عرض
إلغاء تحديد الكل
مشاركات جديدة

  • شرح إضافة وعرض ملفات الفديو بصيغة flv الى صفحات الموقع php - html

    [frame="12 90"]
    بسم الله الرحمن الرحيم

    الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

    السلام عليكم ورحمة الله وبركاته

    شرح إضافة ملفات الفديو بصيغة FLV الى صفحات الموقع PHP - HTML

    حياكم الله جميعا إخواني مُحبي الإحتراف

    بناء على طلب أحد الأعضاء سوف أشرح اليوم طريقة إضافة ملفات الفديو الفلاشية والتى هي بصيغة FLV لصفحات الموقع
    وكذلك طريقة التحكم فى الكود وسوف اضع النقاط الهامة فى ارقام ليسهل على الجميع الوصول اليها .

    إضغط على الصورة للمعاينة



    :ok:
    مثال آخر للمعاينة


    بداية نقوم بتحميل المثال الذى يحتوى على المثال لكى نتابع الشرح ونعرف كيفية التعديل والإضافة

    ماهو المحتوى :

    1 - مثال رقم 1 ملف XHTML وبه عرض الفديو + صورة مصغرة يمكن التحكم بها + إمكانية تكبير العرض بحجم الشاشة ويعمل على أغلب المتصفحات ( فايرفوكس - كرووم - إكسبلورار )
    2 - مثال رقم 2 ملف XHTML وبه عرض الفديو بدون أى إضافات لا صورة مصغرة ولا إمكانية لتكبير العرض بحجم الشاشة
    3 - مشغل الفلاش وهو عبارة عن ملف SWF يجب أن يبقى كما هو دون أى تغيير
    4 - ملف FLV الذى سيتم عرضه فى الموقع ويمكن إستبداله برابط مباشر من أى موقع آخر

    الآن بعد التحميل وفك الضغط نفتح المثال رقم 1 فى أى محرر أكواد ( فرونت بيج - HTML Kit - Webuilder أو .......... أو حتى نوتة الويندوز )

    سوف نرى هذه الأكواد

    :JPG:



    كما نرى قمت بتحديد التالي :

    1- مكان وضع الكود وهو فى جسم الصفحة body
    2- الأكواد التى يجب مراجعتها للتعديل ( إسم ملف الفديو وهو متكرر كما نرى فيجب أن يتم ربطه مع مشغل الفلاش + مع صورة العرض إذا إستخدمناها )
    3- كود تحديد مساحة العرض وهو ايضا متكرر ( مرة لتحديد مشغل الفلاش والأخرى لتحديد مساحة عرض الفديو نفسه ) يجب الإنتباه
    4- نجد فى السطر رقم 18 كود السماح لعرض الفديو بحجم الشاشة .

    كل ماتحتاجه أنت لنقل هذه الأكواد الى موقعك أو صفحتك الخاصة جميع الملفات( ملف مشغل الفلاش + الصورة + ملف الفديو ) + الكود الذى يبدأ بـ الوسم object الى الوسم ذاته object
    راجع البداية والنهاية فى هذا الكود ولاتنسى تعديل المحتوى كما هو موضح فى صورة الشرح .

    كود PHP:
    <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="480" height="320">
            <
    param name="movie" value="flvplayer.swf" />
            <
    param name="allowfullscreen" value="true" />
            <
    param name="allowscriptaccess" value="always" />
            <
    param name="flashvars" value="file=video.flv&image=abc4web_preview.jpg" />
            <
    embed
                type
    ="application/x-shockwave-flash"
                
    id="player2"
                
    name="player2"
                
    src="flvplayer.swf"
                
    quality="high" 
                
    width="480" 
                
    height="320"
                
    allowscriptaccess="always" 
                
    allowfullscreen="true"
                
    flashvars="file=video.flv&image=abc4web_preview.jpg"
                
    pluginspage="http://www.macromedia.com/go/getflashplayer" 
            
    />
        </
    object
    أخيرا يجب أن نعرف أن هناك طرقا ومكتبات جافا رائعة لتشغيل أغلب ملفات الفديو وبطريقة الصندوق الضوئي "الطائر"
    لكن انا اشرح الطريقة الأسهل لتضعون القدم الأولى على سلم الإحتراف وعليكم الصعود الى القمة !!!


    ربما يتم الشرح ايضا أو ربما أعطيك حل سهل جدا قريبا إن شاء الله

    [DOWN]=====/ معلومات التحميل \=====
    :dw_abc4web:

    :download:

    :pass:
    [hide]www.abc4web.net[/hide]
    :bar:
    .[/DOWN]

    [warning]هام جدا :
    أبرأ إلى الله من أى إستخدام مخالف للشريعة من أى أحد كان فليتق الله الذى سيستخدم هذا الشرح فى عرض أغانى أو مقاطع افلام فلا خلاف فى حرمة ذلك .[/warning]


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

    كود PHP:
    <!---- بداية الكود ---->
    <
    object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="600" height="400">
            <
    param name="movie" value="flvplayer.swf" />
            <
    param name="allowfullscreen" value="true" />
            <
    param name="allowscriptaccess" value="always" />

            <
    embed
                type
    ="application/x-shockwave-flash"
                
    id="player2"
                
    name="player2"
                
    src="flvplayer.swf"
                
    quality="high" 
                
    width="600" 
                
    height="400"
                
    allowscriptaccess="always" 
                
    allowfullscreen="true"
                
    flashvars="file=https://sites.ienajah.com/vb2/abc4web_tutrials/abc4web_play_flv/video.flv&image=abc4web_preview.jpg"
                
    pluginspage="http://www.macromedia.com/go/getflashplayer" 
            
    />
        </
    object>
    <!---- 
    نهاية الكود ----> 
    الكود الثاني بدون صور

    كود PHP:
    <!---- بداية الكود ---->
    <
    object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
            
    codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
            
    width="600" height="400" id="fullscreen" align="middle">
    <
    param name="allowScriptAccess" value="always" />
    <
    param name="movie" value="flvplayer.swf" />
    <
    param name="quality" value="high" />
    <
    param name="salign" value="tl" />
    <
    param name="bgcolor" value="#ffffff" />
    <
    param name="allowfullscreen" value="true" />
    <!---- 
    السطر الذى بالأسفل يتم وضع رابط الفديو---->
    <
    embed src="flvplayer.swf" FlashVars="file=https://sites.ienajah.com/vb2/abc4web_tutrials/abc4web_play_flv/abc4web.flv"
                
    quality="high" salign="tl" bgcolor="#ffffff" width="600" height="400"
                
    name="fullscreen" align="middle"
                
    allowScriptAccess="always"
                
    type="application/x-shockwave-flash"
                
    pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </
    object>

    <!---- 
    نهاية الكود ----> 

    أتمنى لكم جميعا الفائدة من هذه المشاركة

    ولاتنسونا من صالح دعائكم

    :fasel6:
    أبوهمام
    .
    [/frame]

  • #2
    جزاك الله كل خير
    وبارك الله بك وفيك الى يوم الدين
    درس اكثر من رائع
    جرى التحميل والنسخ
    جعل الله عملك في ميزان حسناتك
    تسلم الايادي

    تعليق


    • #3
      جزاك الله خيرا اخي الكريم ابو همام ؛ وتستطيع ايضا إضافة ملفات الفلاش التي بصيغة swf إلى التصميم المعمول بالفونت بيج

      وهنا الطريقه

      http://www.sadaagroup.com/FrontPageXP/13.htm

      تعليق


      • #4
        بارك الله فيكما على المرور العطر والإضافة

        موفقين لكل خير ان شاء الله

        تعليق


        • #5
          شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

          تعليق


          • #6
            درس اكثر من رااائع
            شكرااااا على المساعدة وجزااك الله كل خير على ما تبذله من مجهود
            لقد استفدت كثيرا من هدا المنتدى فيما يخص مذكرة تخرجي

            تعليق


            • #7
              المشاركة الأصلية بواسطة سالي الفلسطينية مشاهدة المشاركة
              شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
              حياك الله أختنا سالي
              اشكر لك مرورك وتواصلك

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

              موفقة بإذن الله ... لك منا أجمل تحية .

              تعليق


              • #8
                روعه
                تسلم أيدك أخى أبوهمام
                هل من حل لظهور الصورة المصغرة فى الفايرفوكس؟

                تعليق


                • #9
                  المشاركة الأصلية بواسطة محمود عفيفى مشاهدة المشاركة
                  روعه
                  تسلم أيدك أخى أبوهمام
                  هل من حل لظهور الصورة المصغرة فى الفايرفوكس؟
                  حياك الله أخى محمود

                  أشكر لك سؤالك وهذا يدل أنك متابع جيد أسال الله لك التوفيق

                  بخصوص التوافق مع جميع المتصفحات فهذا هو الحل إن شاء الله

                  إستبدل الكود الذى نضعه فى جسم الصفحة بهذا فقط

                  كود PHP:
                  <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="480" height="320">
                          <
                  param name="movie" value="flvplayer.swf" />
                          <
                  param name="allowfullscreen" value="true" />
                          <
                  param name="allowscriptaccess" value="always" />
                          <
                  param name="flashvars" value="file=video.flv&image=abc4web_preview.jpg" />
                          <
                  embed
                              type
                  ="application/x-shockwave-flash"
                              
                  id="player2"
                              
                  name="player2"
                              
                  src="flvplayer.swf"
                              
                  quality="high" 
                              
                  width="480" 
                              
                  height="320"
                              
                  allowscriptaccess="always" 
                              
                  allowfullscreen="true"
                              
                  flashvars="file=video.flv&image=abc4web_preview.jpg"
                              
                  pluginspage="http://www.macromedia.com/go/getflashplayer" 
                          
                  />
                      </
                  object
                  سوف أحاول رفع المرفق من جديد مع باقى ملفات المثال

                  موفق بإذن الله أخي محمود لك مني أجمل تحية

                  تعليق


                  • #10
                    أحسن الله إليك أخى أبوهمام
                    تطبيقى

                    تعليق


                    • #11
                      ماشاء الله تطبيق رائع وسرعة فى المتابعة

                      جزاك الله خيرا اخى محمود

                      أسال الله ان يبارك فى وقتك وجهدك

                      تعليق


                      • #12
                        شكرا للاخوان الكرام على هده التوضيحات و جزاكم الله ألف خير

                        تعليق


                        • #13
                          شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

                          تعليق


                          • #14
                            شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

                            تعليق


                            • #15
                              مشكوررررررررررررررر

                              تعليق

                              مواضيع تهمك

                              تقليص

                              المنتدى: القسم العام نشرت بواسطة: Reem2Rabeh الوقت: 04-23-2025 الساعة 04:27 PM
                              المنتدى: ضبط وتوكيد الجودة نشرت بواسطة: HeaD Master الوقت: 04-15-2025 الساعة 09:30 AM
                              المنتدى: التصنيع والانتاج نشرت بواسطة: HeaD Master الوقت: 04-11-2025 الساعة 01:08 PM
                              المنتدى: القسم العام نشرت بواسطة: نوال الخطيب الوقت: 03-19-2025 الساعة 03:07 AM
                              المنتدى: الكمبيوتر والإنترنت نشرت بواسطة: عوض السوداني الوقت: 03-18-2025 الساعة 07:22 AM
                              يعمل...
                              X