HTML <audio> Tag
تگ <audio>
در HTML برای قرار دادن فایل های صوتی در صفحه وب بکار می رود.
مثال:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> </head> <body> <audio controls> <source src="http://my-project.ir/audio/horse.mp3" type="audio/mp3" /> </audio> </body> </html>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
در مثال بالا ساده ترین نحوه عملکرد این عنصر HTML را میبینیم. این تگ توسط صفت src
آدرس فایل مورد نظر را مشخص می کند. همچنین صفت controls
ابزار کنترل کاربر بر روی نوار پخش فایل صوتی را به نمایش در می آورد.
صفت ها (Attributes)
autoplay
مشخص می کند که فایل صوتی بصورت اتوماتیک در اولین فرصت ممکن پخش می شود و منتظر بارگذاری کامل آن نخواهد بود.
controls
این صفت ابزار کنترل پخش فایل صوتی را در اختیار کاربر قرار می دهد. مانند بلندی صدا، جلو و عقب بردن زمان پخش فایل، توقف و پخش فایل صوتی.
loop
زمانی که پخش فایل تمام شد، بلافاصله شروع به پخش مجدد آن می کند.
muted
فایل صوتی بصورت بی صدا انجام می شود.
preload
نحوه عملکرد مرورگر در مورد بارگذاری فایل صوتی را مشخص می کند. این صفت ۳ مقدار دارد که عبارتند از:
- none: مشخص می کند که بعد از بارگذاری صفحه، مرورگر فایل را پیشاپیش بارگذاری نکند.
- metadata: مشخص می کند که بعد از بارگذاری صفحه، مرورگر تنها اطلاعات متا را بارگذاری کند.
- auto: مشخص می کند که بعد از بارگذاری صفحه، مرورگر فایل را بارگذاری کند.
پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.