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

تب‌های اولیه

7 پستها / 0 جدید
آخرین ارسال
آموزش نحوه قرار دادن فیلم و ویدئوهای flv در وبلاگ و سایت

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

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

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

قبل از اینکه بتوانیم ویدئو در وبلاگ یا سایت خود درج کنیم، باید فرمت ها و قابلیت های آنها را بشناسیم، فرمتهایی که در HTML5 برای پخش فیلم مورد استفاده قرار می گیرند عبارتند از mp4، ogg و webm؛ البته متاسفانه هر مرورگری فرمت یا فرمتهای خاصی را پشتیبانی می کند و لذا برای درج کلیپ خود باید آن را به چندین فرمت تبدیل کنید و همه ی فایل ها را در یک کد قرار دهید تا اگر مرورگر با یک فرمت سازگار نبود، به فرمت بعدی مراجعه کند، مثال زیر گویا است:

<video width="300" height="220" controls="controls"><br />
   <source src="your-movie.mp4" type="video/mp4" /><br />
   <source src="your-movie.ogg" type="video/ogg" /><br />
   <source src="your-movie.webm" type="video/webm" /><br />
متاسفانه مرورگر شما از این قابلیت پشتیبانی نمی کند<br />
 </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 دارد که ما برای کم حجم تر شدن و راحتی دانلود، آنها را حذف کرده ایم، برای تست و دیدن نحوه اجرای برنامه، این دو فایل را به صورت دلخواه ایجاد و با نام های عنوان شده در کنار فایل ایندکس قرار دهید.

[="Black"][h=2]نحوه استفاده از برنامه پخش ویدئوهای MPW player) FLV) و تنظیمات آن
[/h]
قبل از هر چیز ویدئو ها و کلیپ های خود را با برنامه هایی نظیر Total Video Converter یا Riva FLV Encoder به فرمت FLV تبدیل کنید؛ سپس فایل های اصلی برنامه را به همراه کلیپ خود در سرور یا یک سایت آپلود رایگان قرار دهید و لینک مستقیم آن را در کدهای زیر جایگزین نمائید.
فایل جاوا اسکریپت را در صفحه ایمپورت کنید، مثلا:

</p>
<script src="http://example.com/includes/swfobject.js" type="text/javascript"></script><p>اکنون کد زیر را مطابق با فایل های خود تنظیم نمائید:
<br /> <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><p>توضیح:
- آدرس فایل های آپلود شده خود را در قسمت http://example.com به جای آدرس های پیش فرض قرار دهید.
- اعداد 400 و 327 در کد بالا، برای تنظیم ارتفاع و عرض پلیر است؛ کد هگز 000000# برای تنظیم رنگ پس زمینه پلیر است.
- allowFullScreen در کد، اگر مقدار آن true باشد، یعنی کاربر می تواند کلیپ را تمام صفحه ببیند و اگر مقدارش برابر false باشد، این امکان را ندارد.
- تگ پایانی کد یا so.write در بلاکی که آی دی آن به عنوان مقدار تنظیم شده است، خروجی ما را نشان خواهد داد.
- برای استفاده چند باره از پلیر، آی دی بلاک را باید در دو قسمت div id و so.write به نحوه دلخواه و البته یکسان تغییر دهید، تا از تداخل کلیپ ها جلوگیری شود.




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

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


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

<br />
<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><p>
پیش نمایش حالت mp3 player برنامه:




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

منبع: وبگو

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

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

سلام و عرض ادب

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

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

یا‌رقیه;650971 نوشت:
در سایت اسک دین هم به همین منوال است؟؟؟؟

اینجارو مطالعه کنید:
http://www.askdin.com/thread262-2.html#post557052

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