پخش یک فایل صوتی، با تگ audio ، در HTML

با استفاده از تگ audio در HTML ، می توانیم امکان پخش یک فایل صوتی در صفحه ای از وب سایت را به وجود بیاوریم.

ما می توانیم موسیقی مورد نظرمان را به صورت فایل هایی با فرمت های مختلف (مثلا mp3 و ogg) قرار دهیم تا مرورگر اینترنت (Browser)، مناسب ترین آنها را برای پخش کردن انتخاب نماید.

به عنوان مثال، کد HTML زیر را می نویسیم :

مشخصه controls ، باعث می شود که دکمه های پخش (Play)، توقف موقتی (Pause) و تنظیم صدا (Volume)، نمایش داده شوند.

با هر تگ source ، یک فایل صوتی را مشخص کرده ایم (فایل های صوتی با محتوای مشابه، اما نوع فایل متفاوت). آدرس هر فایل صوتی، توسط مشخصه src در تگ source تعیین شده است.

بنابراین دو فایل صوتی با آدرس های زیر را مشخص کرده ایم (با موسیقی یکسان ولی در دو فرمت متفاوت) :

بنابراین مرورگر اینترنت (Browser)، بر اساس فرمت این دو فایل، تصمیم می گیرد که کدامیک برای پخش شدن، مناسب تر است و آن را پخش می کند.

اگر مرورگر اینترنت (Browser) از تگ audio پشتیبانی نکند و قابلیت پخش فایل صوتی توسط آن را نداشته باشد، آنگاه متن ساده بین دو تگ audio را در خروجی نمایش می دهد. یعنی متن زیر :

در متن بالا، به کاربر تذکر داده ایم که نرم افزار مرورگر اینترنت (Browser) وی، قابلیت پخش فایل های صوتی، با استفاده از تگ audio را ندارد.

به مثال زیر توجه کنید :

مثال

دو فایل با نام های kelidestan.ogg و kelidestan.mp3 را در کنار فایل مربوط به صفحه HTML قرار می دهیم :