جهت مشاهده مطالب کارشناسان و کاربران در این موضوع کلیک کنید   

موضوع: آموزش نحوه قرار دادن فیلم و ویدئوهای flv در وبلاگ و سایت

  1. #1

    عضویت
    جنسیت آبان ۱۳۸۹
    علاقه
    شهادت قسمت ما می شد ای کاش ...
    نوشته
    4,004
    حضور
    44 روز 5 ساعت 15 دقیقه
    دریافت
    58
    آپلود
    15
    گالری
    1227
    صلوات
    32319

    آموزش نحوه قرار دادن فیلم و ویدئوهای flv در وبلاگ و سایت




    همان طور که می دانیم، امروزه فیلم ها و کلیپ های ویدئویی جزء جدایی ناپذیر از دنیای وب شده اند و بیش از پیش کاربران و مدیران وبلاگ ها و سایت ها تمایل دارند که از این نوع محتوا در صفحات خود استفاده کنند و کلیپ هایشان را با دیگران به اشتراک بگذارند، اما برای اکثر افراد، انجام این کار به راحتی ممکن نیست و بیشتر کاربران ترجیح می دهند از شبکه های اشتراک گذاری فیلم و کلیپ استفاده نمایند؛ از این رو در این مطلب قصد داریم روش های درج فیلم و ویدئوهای FLV یا Flash Video را در وبلاگ و سایت، برای این دسته از دوستان آموزش دهیم.

    پخش ویدئو در وب چه مسیری را طی کرده و به چه سمتی در حرکت است؟



    پیش از فراگیر شدن فرمت FLV یا همان Flash Video به عنوان فرمتی استاندارد برای پخش ویدئوها در وب، کاربران ناچار بودند از ویندوز مدیا پلیر (Windows Media Player) یا کیوک تایم (Quick Time) و فرمت های پشتیبانی شده توسط آنها استفاده کنند که هر کدام مشکلاتی را برای بازدیدکننده گان صفحات به وجود می آوردند، از جمله اینکه این برنامه ها حجم، کیفیت و قابلیت سازگاری کم تری با مرورگرها داشتند؛ اینچنین بود که به مرور FLV جای خود را بین کاربران باز کرد و سایتهای زیادی از آن به عنوان فرمت استاندارد استفاده نمودند، اما همچنان مشکل درج و پخش مستقیم ویدئو در صفحات وب حل نشده باقی مانده بود، یعنی برای پخش کلیپ های FLV ناچاریم از پلاگین ها و پلیرهای جانبی استفاده نمائیم؛ به همین خاطر در نسخه جدید HTML که به HTML5 معروف است، این مسائل تا حدود زیادی حل شده است، اما مشکل این است که هنوز بسیاری از کاربران از مرورگرهای قدیمی استفاده می کنند (که از HTML5 پشتیبانی نمی کند) و این امکان را نمی توان در مرورگر آنها مورد استفاده قرار داد، لذا تا فراگیر شدن HTML5 ناچاریم از همان پلاگین ها استفاده نمائیم؛ در این آموزش سعی می کنیم هر دو روش را بیان کنیم.


  2. صلوات ها 5


  3.  

  4. #2

    عضویت
    جنسیت آبان ۱۳۸۹
    علاقه
    شهادت قسمت ما می شد ای کاش ...
    نوشته
    4,004
    حضور
    44 روز 5 ساعت 15 دقیقه
    دریافت
    58
    آپلود
    15
    گالری
    1227
    صلوات
    32319



    درج و پخش فیلم با کدهای HTML5 و تگ video

    قبل از اینکه بتوانیم ویدئو در وبلاگ یا سایت خود درج کنیم، باید فرمت ها و قابلیت های آنها را بشناسیم، فرمتهایی که در HTML5 برای پخش فیلم مورد استفاده قرار می گیرند عبارتند از mp4، ogg و webm؛ البته متاسفانه هر مرورگری فرمت یا فرمتهای خاصی را پشتیبانی می کند و لذا برای درج کلیپ خود باید آن را به چندین فرمت تبدیل کنید و همه ی فایل ها را در یک کد قرار دهید تا اگر مرورگر با یک فرمت سازگار نبود، به فرمت بعدی مراجعه کند، مثال زیر گویا است:
    کد:
    <video width="300" height="220" controls="controls">
       <source src="your-movie.mp4" type="video/mp4" />
       <source src="your-movie.ogg" type="video/ogg" />
       <source src="your-movie.webm" type="video/webm" />
    متاسفانه مرورگر شما از این قابلیت پشتیبانی نمی کند 
     </video>
    توضیح:
    - کد بالا یک کلیپ با سه فرمت مختلف را در خود دارد که این کار برای اطمینان از سازگاری با تمام مرورگرهاست.
    - کلیپ خود را باید با برنامه هایی نظیر Total Video Converter به فرمت های mp4، ogg و webm تبدیل نمائید.
    - پس از تبدیل کلیپ، آن را در سرور خود یا سرویس های رایگان، آپلود کنید و آدرس لینک مستقیم آن را در قسمت src جایگزین نمائید (دقت کنید که آدرس لینک شما مستقیم باشد، برخی از سرویس های آپلود رایگان فایل، تنها با مراجعه به صفحه آنان، اجازه دانلود کلیپ را می دهند، این نوع سرویس ها برای درج ویدئو مناسب نیستند).


    درج کلیپ های Flash Video) FLV) با پلاگین MPW player

    همانطور که گفتیم، اگرچه HTML5 نیازی به کدها و فایلهای جانبی ندارد، اما هنوز بسیاری از کاربران از مرورگرهایی استفاده می کنند که از تگ های آن پشتیبانی نمی کنند، لذا استفاده از پلیر های رایگان می تواند در شرایط فعلی گزینه اول ما باشد، بدین منظور تا به امروز در عرصه وب برنامه های رایگان و خوبی ارائه شده که از جمله بهترین های آن می توان Flow Player و JW Player را نام برد، اما این برنامه ها با وجود توانایی هایشان یک ایراد اساسی دارند و آن هم حجم زیادی است که برای بارگذاری فایل های خود از پهنای باند سرور اشغال می کنند، همانطور که می دانیم حجم زیاد فایل ها، باعث به زحمت افتادن کاربران با سرعت اینترنت پائین و استفاده بیش از حد از ظرفیت پهنای باند سرور ها می شود، لذا باید به فکر جایگزینی برای این برنامه ها باشیم، تا آنجا که ما بررسی کرده ایم، برنامه ای به نام MPW Player از هر لحاظ مناسب است؛ این برنامه علی رغم حجم کم، توانایی پخش ویدئو های FLV و همچنین آهنگهای MP3 را دارد، از جمله دیگر ویژگی های مثبت آن می توان به قابلیت سفارشی سازی، نمایش پیام در حال بارگذاری، امکان Full Screen، دارا بودن تایم لاین و کنترل بر روی کلیپ و همچنین کنترل های مربوط به صدا را نام برد؛ در زیر نسخه ای از آن را جهت دریافت قرار داده ایم:
    دانلود برنامه پخش ویدئوهای MPW player) FLV) - حجم: کمتر از 50 کیلوبایت

    توضیح:
    - بسته بالا حاوی چند فایل با نام های mpw_player.swf (فایل اصلی پلیر)، index.html (جهت نمونه و مثال)، mpw_player.fla (سورس فایل فلش با فرمت fla برای اعمال تنظیمات سفارشی) و یک فایل جاوا اسکریپتی با نام swfobject.js در مجموع با حجمی کمتر از 50 کیلوبایت است.

    - فایل index.html نیاز به دو فایل با نام های video.flv و audio.mp3 دارد که ما برای کم حجم تر شدن و راحتی دانلود، آنها را حذف کرده ایم، برای تست و دیدن نحوه اجرای برنامه، این دو فایل را به صورت دلخواه ایجاد و با نام های عنوان شده در کنار فایل ایندکس قرار دهید.

    ویرایش توسط افلاکیان : ۱۳۹۲/۰۶/۰۱ در ساعت ۲۱:۵۰

  5. صلوات ها 3


  6. #3

    عضویت
    جنسیت آبان ۱۳۸۹
    علاقه
    شهادت قسمت ما می شد ای کاش ...
    نوشته
    4,004
    حضور
    44 روز 5 ساعت 15 دقیقه
    دریافت
    58
    آپلود
    15
    گالری
    1227
    صلوات
    32319



    نحوه استفاده از برنامه پخش ویدئوهای MPW player) FLV) و تنظیمات آن



    قبل از هر چیز ویدئو ها و کلیپ های خود را با برنامه هایی نظیر Total Video Converter یا Riva FLV Encoder به فرمت FLV تبدیل کنید؛ سپس فایل های اصلی برنامه را به همراه کلیپ خود در سرور یا یک سایت آپلود رایگان قرار دهید و لینک مستقیم آن را در کدهای زیر جایگزین نمائید.
    فایل جاوا اسکریپت را در صفحه ایمپورت کنید، مثلا:
    کد:
    <script src="http://example.com/includes/swfobject.js" type="text/javascript"></script>
    اکنون کد زیر را مطابق با فایل های خود تنظیم نمائید:
    کد:
    <div id="flvplayer"></div>  
    <script type="text/javascript">
    var so = new SWFObject("http://example.com/mpw_player.swf", "swfplayer", "400", "327", "9", "#000000");
    so.addVariable("flv", "http://example.com/movie.flv");   
    so.addParam("allowFullScreen","true");
    so.write("flvplayer");
    </script>
    توضیح:
    - آدرس فایل های آپلود شده خود را در قسمت http://example.com به جای آدرس های پیش فرض قرار دهید.
    - اعداد 400 و 327 در کد بالا، برای تنظیم ارتفاع و عرض پلیر است؛ کد هگز 000000# برای تنظیم رنگ پس زمینه پلیر است.
    - allowFullScreen در کد، اگر مقدار آن true باشد، یعنی کاربر می تواند کلیپ را تمام صفحه ببیند و اگر مقدارش برابر false باشد، این امکان را ندارد.
    - تگ پایانی کد یا so.write در بلاکی که آی دی آن به عنوان مقدار تنظیم شده است، خروجی ما را نشان خواهد داد.
    - برای استفاده چند باره از پلیر، آی دی بلاک را باید در دو قسمت div id و so.write به نحوه دلخواه و البته یکسان تغییر دهید، تا از تداخل کلیپ ها جلوگیری شود.
    آموزش نحوه قرار دادن فیلم و ویدئوهای flv در وبلاگ و سایت

    سایر پارامترهایی که می توانید از آنها استفاده کنید، تصویر پس زمینه پلیر و قابلیت پخش خودکار و تنظیمات مربوط به رنگ است:
    کد:
    so.addVariable("jpg","image.jpg");
    so.addVariable("autoplay","true");
    so.addVariable("backcolor","000000");
    so.addVariable("frontcolor","ffffff");



  7. صلوات ها 3


  8. #4

    عضویت
    جنسیت آبان ۱۳۸۹
    علاقه
    شهادت قسمت ما می شد ای کاش ...
    نوشته
    4,004
    حضور
    44 روز 5 ساعت 15 دقیقه
    دریافت
    58
    آپلود
    15
    گالری
    1227
    صلوات
    32319



    استفاده از MPW player برای پخش آهنگ در صفحات وب



    علاوه بر قدرت این برنامه در پخش ویدئوهای FLV، به راحتی می توان از آن به عنوان پلیر پخش آهنگ های mp3 در سایت یا وبلاگ خود استفاده کنید، کافی است کد را مطابق الگوی زیر تنظیم نمائید:

    کد:
    <div id="mp3player"></div>
    <script type="text/javascript">
    var so = new SWFObject("http://example.com/mpw_player.swf", "swfplayer", "400", "27", "9", "#FFFFFF");
    so.addVariable("mp3", "http://example.com/audio.mp3");
    //so.addVariable("autoplay","true");
    so.addVariable("effect","false");
    so.addVariable("backcolor","FFFFFF");
    so.addVariable("frontcolor","1864AF");
    so.addVariable("fullscreen","false");
    so.addParam("allowFullScreen","true");
    so.write("mp3player");
    </script>
    پیش نمایش حالت mp3 player برنامه:

    آموزش نحوه قرار دادن فیلم و ویدئوهای flv در وبلاگ و سایت

    تنظیمات این کد نیز مانند مثال بالا است؛ کافی است فایل ها را آپلود و در کد جایگزین نمائید.

    منبع: وبگو

    ویرایش توسط افلاکیان : ۱۳۹۲/۰۶/۰۱ در ساعت ۲۱:۵۳

  9. صلوات ها 3


  10. #5

    عضویت
    جنسیت مهر ۱۳۹۱
    علاقه
    اردک؛ نوزاد رسیده و تپل و ضربه گیر دار!؛ کرانچی تند آتشین در کنار یار! :))
    نوشته
    1,176
    حضور
    59 روز 7 ساعت 25 دقیقه
    دریافت
    8
    آپلود
    0
    گالری
    16
    صلوات
    6348



    نقل قول نوشته اصلی توسط افلاکیان نمایش پست ها
    استفاده از MPW player برای پخش آهنگ در صفحات وب

    علاوه بر قدرت این برنامه در پخش ویدئوهای FLV، به راحتی می توان از آن به عنوان پلیر پخش آهنگ های mp3 در سایت یا وبلاگ خود استفاده کنید، کافی است کد را مطابق الگوی زیر تنظیم نمائید:
    سلام و عرض ادب

    در سایت اسک دین هم به همین منوال است؟؟؟؟

    البته در جریان ممنوعیت آن در اسک دین هستم، ولی اگر پخش اتوماتیک صوت را غیر فعال کنیم چطور؟؟، آنگاه مجاز به استفاده هستیم؟؟
    سلام عامو
    بنده هیچ مسئولیتی راجع به مطلبی که نوشتم قبول نمی کنم و فقط نظر شخصی خودم بوده که بار ها دستخوش تغییر و تکامل شده
    چون زیاد نمیام اینجا ، اینو گفتم که فردای روزگار آثار ما تاخر یقه منو نگیره

  11. صلوات ها 2


  12. #6

    عضویت
    جنسیت بهمن ۱۳۹۱
    نوشته
    6,731
    حضور
    109 روز 14 ساعت 6 دقیقه
    دریافت
    20
    آپلود
    4
    گالری
    1583
    صلوات
    37600



    نقل قول نوشته اصلی توسط یا‌رقیه نمایش پست ها
    در سایت اسک دین هم به همین منوال است؟؟؟؟
    اینجارو مطالعه کنید:
    http://www.askdin.com/thread262-2.html#post557052

    نتیجه اش زیباست وقتی این دو را پیوند می زنیم؛


    اینکه فرمودند: زکات زیبایی، پاکدامنی ست

    و اینکه پرداخت زکات دارائیت را افزون می کند

    حالا آنان که زیبایی بیشتر می خواهند، بسم الله




  13. صلوات ها 3


  14. #7

    عضویت
    جنسیت بهمن ۱۳۹۳
    نوشته
    6
    حضور
    1 ساعت 38 دقیقه
    دریافت
    0
    آپلود
    0
    گالری
    0
    صلوات
    4



    سلام دوست عزیز امکانش هست اموزش برای من به صورت تصویری ایمیل کنید.ممنون میشم

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کاربرانی که این موضوع را مشاهده کرده اند: 4

کلمات کلیدی این موضوع

اشتراک گذاری

اشتراک گذاری

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
^

ورود

ورود