Audio صدا – صوت در HTML5

از دانشنامه تخصصی کامپیوتر ایران
پرش به: ناوبری، جستجو

صدا در وب[ویرایش]

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

فرمت های صوتی[ویرایش]

در حال حاضر 3 فرمت تحت پشتیبانی عنصر audio قرار دارد.

Ogg Verbis[ویرایش]
MP3[ویرایش]
Wav[ویرایش]

پشتیبانی مرورگرها[ویرایش]

مرورگر Ogg Verbis MP3 Wav
Internet Explorer 9 خیر بله خیر
Firefox 4.0 بله خیر بله
Google Chrome 6 بله بله بله
Apple Safari 5 خیر بله بله
Opera 10.6 بله خیر بله


این تگ چگونه کار می کند؟[ویرایش]

برای پخش یک فایل صوتی در Html5 تمام آن چیزی که شما نیاز دارید این یک خط کد است. کد: <source lang="html5"> <audio src="song.ogg" controls="controls"> Your browser does not support the audio element. </audio> </source>

خاصیت control برای اضافه کردن دکمه های صدا و play و pause است. برای مرورگرهایی که از تگ audio پشتیبانی نمی کنند متن مورد نظرمان برای نمایش به کاربر را داخل دو تگ <audio> و </audio> قرار می دهیم. کد: <source lang="html5"> <audio controls="controls">

 <source src="song.ogg" type="audio/ogg" />
 <source src="song.mp3" type="audio/mpeg" />

Your browser does not support the audio element. </audio> </source>

مثال بالا از یک فایل Ogg استفاده می کند که در فایرفاکس، اوپرا و کروم به درستی کار می کند. برای اینکه کاری کنیم که audio در اینترنت اکسپلورر و سافاری هم کار کند باید فایل صوتی با فرمت mp3 هم اضافه کنیم. عنصر audio به ما اجازه می دهد از چند تگ source استفاده کنیم. تگ source را می توان برای لینک کدن به فایل های صوتی متفاوت استفاده نمود. مرورگر اولین فرمتی را که شناسایی کند استفاده می کند.

تمام خواص تگ <audio>[ویرایش]

Autoplay[ویرایش]
     در صورت وجود فایل صوتی به محض آماده شدن پخش می شود. مقداری که میگیرد: autoplay
Controls[ویرایش]
     دکمه های مختلف مثل play و ... را اضافه می کند. مقداری که میگیرد:controls
Loop[ویرایش]
    در صورت اتمام فایل صوتی دوباره از اول شروع به پخش می کند. مقداری که میگیرد: loop
Preload[ویرایش]
    کاری می کند که صدا در هنگام لود شدن صفحه آماده پخش شود. مقداری که میگیرد: perload
Src[ویرایش]
    آدرس قایلی که باید پخش شود. مقداری که میگیرد. مقداری که میگیرد: یک url


منبع:'

Crystal Clear app kedit.png این یک نوشتار خُرد است، با گسترش آن به دانشنامه آیاپیر کمک کنید.

هرگونه برداشت پژوهشی با ذکر منبع و درج لینک مستقیم به مطلب در دانشنامه آیاپیر مجاز می باشد.