پخش فایل صوتی در html5

erfan

طراح وب
پرسنل مدیریت
سلام

پخش موسیقی(اهنگ،صدا)در صفحات وب

پخش موسیقی در HTML5 کار ساده ای نیست چون ما اطمینان کامل از پخش شدن موسیقی در تمام مرورگر ها رو نداریم.چرا؟چون اکثر مرورگرهای قدیمی از این قابلیت پشتیبانی نمی کنند!

پخش موسیقی با عنصر <audio> در HTML5 :

-عنصر <audio> صدا را در HTML5 تعریف می کند و --->جریان های صوتی

برای پخش در اکثر مرورگر ها احتیاج هست فایل های صوتی رو به اکثر فرمت ها تبدیل کنیم-----> MP3.OGG برای مرورگر های:


compatible_ie.gif
compatible_firefox.gif
compatible_opera.gif
compatible_chrome.gif
compatible_safari.gif




کد:
<audio controls>
  <source src="horse.mp3" type="audio/mpeg">
  <source src="horse.ogg" type="audio/ogg">
  Your browser does not support this audio format.
</audio>
*نکته مهم :به خاطر داشته باشید که عبارت controls حتماً در کنار برچسب <audio> قرار گیرد مانند کد بالا در غیر اینصورت فایل صوتی پخش نخواهد شد.








یاهو مدیا پلیر:




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




-این تکنیک رایگان است.




-در تمامی مرورگر ها قابل اجراست است.




کد:
<p><a href="horse.mp3">Play mp3</a></p>
<p><a href="liar.wav">Play wav</a></p>

<script src="http://mediaplayer.yahoo.com/js"></script>
*نکته مهم :حتماً فایل JS شرکت یاهو را فراخوانی کنید تا توسط پلیر یاهو در صفحات شما قابل اجرا باشد.

آدرس JS یاهو مدیا پلیر:


کد:
http://mediaplayer.yahoo.com/js







 
آخرین ویرایش توسط مدیر:

HamedR

کاربر عضو
دستت درد نکنه آقا عرفان

اما به نظر من عنوان رو عوض کن بزار "پخش فایل های صوتی و تصویری"

بعدش بیا و پخش ویدیو با تگ <video> رو هم توضیح بده . چون فرق زیادی باهم ندارن.

 

erfan

طراح وب
پرسنل مدیریت
سلام

فرقی نمیکه

آموزش پخش فایل های تصویری رو هم قبلا گذاشتم :



 

HamedR

کاربر عضو
درسته . شرمنده اون پست رو ندیده بودم. واسه همین گفتم که یه جا توضیح بده . چون احتمال داره خیلی ها با تگهای html5 آشنایی نداشته باشن.

من یه سری پلیر با html5 و جی کوئری دارم . حالا فرصت کردم ،میزارم تا کاربرا استفاده کنن.

{حالا واسه این که تاپیک اسپم نگیره ، پست های من رو پاک کن.} بازم شرمنده

 
بالا