آموزش HTML - پخش صوت

Audio در HTML یک عنصر در HTML است که به توسعه دهندگان وب اجازه می دهد محتوای صوتی را مستقیماً در صفحات وب جاسازی کنند. با HTML Audio می‌توانید به راحتی موسیقی پس‌زمینه، جلوه‌های صوتی یا انواع دیگر صدا را به محتوای وب خود اضافه کنید.

برای افزودن یک فایل صوتی به صفحه HTML، می توانید از عنصر <audio> استفاده کنید که مشابه عنصر <video> است. در اینجا یک مثال برای شما می آوریم:

<audio src="audiofile.mp3" controls></audio>

در این مثال، ویژگی "src" آدرس فایل صوتی را مشخص می کند و ویژگی "controls" کنترل های پخش را به عنصر صوتی اضافه می کند، مانند دکمه پخش/مکث و لغزنده درجه صدا.

HTML Audio از چندین فرمت صوتی از جمله MP3، WAV و Ogg Vorbis پشتیبانی می کند. برای اطمینان از حداکثر سازگاری در مرورگرها و دستگاه‌های مختلف وب، توصیه می‌شود که چندین فرمت صوتی را با استفاده از عنصر <source> در تگ <audio> ارائه دهید، درست مانند ویدیوی HTML.

در اینجا مثالی از نحوه استفاده از عنصر <source> برای ارائه چندین فرمت صوتی آورده شده است:

<audio controls>
  <source src="audiofile.mp3" type="audio/mpeg">
  <source src="audiofile.ogg" type="audio/ogg">
  <source src="audiofile.wav" type="audio/wav">
  Your browser does not support the audio element.
</audio>

در این مثال، عنصر <audio> شامل سه عنصر <source> است که هر کدام فرمت صوتی و نوع رسانه متفاوتی دارند. ویژگی "type" نوع رسانه هر فایل صوتی را مشخص می کند، که به مرورگر وب کمک می کند تا از کدام فرمت استفاده کند. آخرین خط عنصر <audio> یک پیام بازگشتی است که اگر مرورگر وب از HTML Audio پشتیبانی نکند، نمایش داده می شود.

HTML Audio همچنین چندین روش جاوا اسکریپت، ویژگی ها و رویدادها را ارائه می دهد که می توانند برای کنترل و تعامل با محتوای صوتی استفاده شوند. اینها شامل متدهایی مانند play()، pause() و load()، ویژگی هایی مانند currentTime و volume، و رویدادهایی مانند play، pause و ended هستند. از اینها می توان برای ایجاد محتوای صوتی پویا و تعاملی در وب استفاده کرد.