در این آموزش قصد داریم تا درمورد یکی دیگر از تگ های جدید و پرکاربرد در زبان برنامه نویسی HTML5 صحبت کنیم. شما با استفاده از این تگ می توانید فایل های صوتی را در صفحه قرار دهید.
تگ < audio > :
از این تگ برای قرار دادن و اجرای فایل های صوتی و موزیک بر روی صفحات وب در Html 5 استفاده می شود . این تگ یک تگ جدید در Html 5 است و اکثر مرورگرهای مطرح از آن پشتیبانی می کنند .
نکته :
اگر متنی بین تگ باز و بسته <audio> قرار دهید در صورتی که مرورگر از آن تگ پشتیبانی نکند ، متن به جای فایل صوتی نمایش داده می شود .
نکته ۲ :
برای آشنایی بیشتر با نحوه استفاده این تگ بر روی صفحات وب ، به بخش آموزش قرار دادن فایل های صوتی در HTML 5 بروید .
شکل کلی استفاده از این تگ به صورت زیر است :
<“آدرس فایل صوتی”=audio src >
انواع خاصیت های تگ < audio > :
در لیست زیر ، خواص تگ < audio > و نحوه استفاده از آنها را تشریح کرده ایم :
autoplay:
این خاصیت یک مقدار Boolean است و در صورتی که برای یک تگ <audio> تعیین شود، باعث می شود تا فایل صوتی به محض آماده شدن و لود کامل صفحه ، شروع به اجرا نماید.
تعیین این پارامتر ، اختیاری است .
controls:
این خاصیت یک مقدار Boolean است و در صورتی که برای یک تگ <audio> تعیین شود، باعث می شود تا کنترل های پخش . توقف و … برای فایل صوتی بر روی صفحه نمایش داده شود .
تعیین این پارامتر ، اختیاری است .
src:
این پارامتر مکان یا آدرس فایل صوتی مورد نظر برای اجرا ، را تعیین می کند .
تعیین این پارامتر ، اجباری است .
loop:
این خاصیت یک مقدار Boolean است و در صورتی که برای یک تگ <audio> تعیین شود، باعث اجرای مجدد فایل صوتی ، پس از پایان یافتن آن می شود .
تعیین این پارامتر ، اختیاری است .
muted:
این خاصیت یک مقدار Boolean است و در صورتی که برای یک تگ <audio> تعیین شود، باعث می شود تا فایل صوتی در ابتدای اجرا ، بدون صدا باشد.
تعیین این پارامتر ، اختیاری است .
پشتیانی در مرورگر های مختلف :
این تگ در تمام مرورگرهای اصلی پشتیبانی می شود .