close
چت روم
کدهای پخش آنلاین موسیقی و فیلم

فان پارسی | پایگاه تفریح و سرگرمی پارسی زبانان

ارتباط از طریق یاهو مسنجر
1
محل تبلیغات شما
2
محل تبلیغات شما
3
محل تبلیغات شما

عضویت درخبرنامه

تبلیغات شما

کدهای پخش آنلاین موسیقی و فیلم
بازديد : 121

کدهای پخش آنلاین موسیقی و فیلم

با سلام. در این مطلب قصد دارم چند کد مورد نیاز در امور وب مستری رو خدمت شما معرفی کنم. مسلما به جز محتوای متنی، محتوای صوتی و تصویری نیز در جای خود بسیار موثر خواهد بود. و بسیاری از وبلاگ نویسان تمایل دارند در کنار مطالب متنی خود اقدام به انتشار فایل های صوتی یا تصویری نمایند.

این امر نیاز مند طی چند مرحله ساده است که در این پست به آن ها میپردازیم، قصد داریم آموزش قرار دادن فایل صوتی و تصویری (فیلم) با امکان پخش آنلاین را به شما ارائه کنیم. پس با ما همراه باشید



کد پخش آنلاین فایل صوتی :

راه شماره یک :

استفاده از کد زیر که دارای یک پلیر مناسب فلش می باشد 



وضیحات تکمیلی :

در آخرین خط این کد عبارت زیر را مشاهده میکنید :



اگر میخواهید به محض ورود به وبلاگ فایل صورتی پخش شود در قسمت autostart=no بجای کلمه no عبارت yes را قرار دهید و همچنین اگر میخواهید پس از اتمام پخش فایل صوتی، دوباره و چند باره پخش شود در عبارت loop=no بجای no عبارت yes را قرار دهید.

در نمونه بالا که عبارت های no قرار گرفته است، بازدیدکننده برای شنیدن فایل صوتی روی پلیر کلیک میکند و فایل نیز ۱ بار پخش میشود و پس از آن، تا زمانی که کاربر دوباره اقدام به پخش آن نکند، فایل نیز اجرا نمیگردد.

همچنین میتوانید عرض پلیر را تعیین کنید. در کد بالا در اولین خط عبارت width="300" به چشم میخورد. در این قسمت به جای عدد ۳۰۰ هر عدد دیگری را قرار دهید، پس از کلیک بر روی پلیر، به همان اندازه باز میشود.

همچنین برای پخش آهنگ مورد نظر خود، لینک مستقیم آن را بجای لینک http://gigpars.com/blog/OnlinePlayer.mp3 قرار دهید، دقت نمایید لینک باید به صورت مستقیم باشد.



راه شماره دو :

از آنجایی که استفاده از کد بالا کمی جا گیر است! روش دوم را نیز به شما ارائه میکنیم. میتوانید از کد زیر ، در هر جایی که تمایل دارید امکان پخش آنلاین قرار دهید، استفاده کنید :


اگر صاحب وبلاگی با موضوع موسیقی هستید و یا قصد دارید از امکان پخش آنلاین در تمامی و یا اکثر پست هایتان استفاده کنید راه زیر را نیز به شما پیشنهاد میکنیم تا کار شما بهینه تر گردد. در واقع این کد همان کد بالاست اما به این صورت تعریف میگردد.

ابتدا یک بار کد زیر را زیر عبارت <head> در قالب وبلاگتان قرار دهید



سپس عبارت زیر را در هر جایی که میخواید امکان پخش آنلاین داشته باشید قرار دهید



همانطور که می بینید در این کد کمی تنوع رنگی ایجاد شده است. (به زودی در مطلبی جداگانه کد کامل با قابلیت اعمال رنگ بندی توسط کاربر منتشر خواهد شد)
در این پلیر، پخش آهنگ پس از کلیک کردن کاربر صورت گرفته و پس از اتمام فایل صوتی، بدون کلیک کاربر دوباره پخش نمیشود.
در کد بالا به جای عبارت Music Link لینک مستقیم موسیقی مورد نظر خود را قرار دهید. لینک مستقیم مانند لینک زیر میباشد که پسوند فایل در خود لینک موجود است
http://gigpars.com/blog/OnlinePlayer.mp3
و یا مانند لینکهایی که آپلودسنتر گیگ پارس تولید میکند مثل لینک زیر
http://gigpars.com/upload/hnjk_OnlinePlayer.mp3

 

کد پخش آنلاین ویدئو :
برای این منظور می توانید از کد زیر استفاده نمایید :


در کد بالا به جای عبارت video link لینک، ویدئوی مورد نظر را قرار دهید. همانطور که می بینید دو عبارت   'width': '500' و  'height': '375' به ترتیب برای تعیین عرض و ارتفاع پلیر قرار داده شده است که متناسب با قالب بلاگ و ابعاد ویدئویتان میتوانید آن را تغییر دهید

قرار دادن تصویر پس زمینه برای ویدئو :

بنا به درخواست یکی از کاربران امکان قرار دادن یک عکس در ابتدای ویدئو اضافه شد، به همین خاطر عبارت زیر به کد اضافه گردید

'image': Image link',

در این عبارت به جای Image link ، لینک تصویر مورد نظر خود را قرار دهید.

برای مثال در این ویدئو به جای video link، لینک ویدئو که http://gigpars.com/blog/Wildlife.flv می باشد قرار داده شده و همچنین لینک http://gigpars.com/upload/3kym_thumb.jpg به عنوان تصویر ابتدای ویدئو. که حاصل کار به شکل زیر است

نمونه کد بالا :



دقت کنید، اگر نمیخواهید برای ویدئو، تصویر قرار دهید عبارت 'image': 'Image link', را حذف کنید

برای پخش آنلاین ویدئو با کد فلش نیز میتوانید از کد زیر استفاده نمایید






به جای لینک http://gigpars.com/blog/Wildlife.flv آدرس ویدئوی مورد نظر خود را قرار دهید

در صورت وجود هر گونه سوال، در نظرات این پست مطرح کنید تا پاسخ داده شود



موضوع:
برچسب ها : ,,,,,,,

بخش نظرات این مطلب

این نظر توسط اچ اسکین تبادل لوگو در تاریخ 1392/9/27 و 14:11 دقیقه ارسال شده است

اچ اسکین تبادل لوگو گفته:

سلام لوگو شما رو در سایت خود قرار دادم شما هم برای مارو قرار بدین ممنون
آدرس لوگو :
http://rozup.ir/up/htmlskin/Htmlskin/images/loho-hs.gif

آدرس سایت: www.htmlskin.rzb.ir
پاسخ : متشکرم
لوگوی شما در سایت قرار گرفت


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی

[تبادل لگو با ما]

دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما دوستان ما
تمامی حقوق مطالب برای این سایت محفوظ میباشد. قالب طراحی شده توسط: برگ گراف و ترجمه شده توسط : قالب گراف