مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTM کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته با تگ aside آشنا شدیم و آموختیم که تگ <aside> یک محتوا را به عنوان محتوای فرعی در یک صفحه، جدای از محتوای اصلی قرار می دهد.
در این جلسه به آموزش کار با تگ audio در HTML می پردازیم.
آموزش کار با تگ audio در HTML
به مثال زیر توجه نمایید.
در مثال زیر یک تگ <audio> به کار رفته است.
مثال :
| <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio tag. </audio> |
تعریف و کاربرد
تگ <audio> صدا را مانند موسیقی یا سایر جریانهای صوتی تعریف می کند.
در حال حاضر ، سه قالب فایل در تگ <audio> پشتیبانی می شود که عبارتند از : MP3 ، WAV و OGG.
| مرورگر | MP3 | Wav | Ogg |
|---|
 | پشتیبانی می شود | پشتیبانی نمی شود | پشتیبانی نمی شود |
 | پشتیبانی می شود | پشتیبانی می شود | پشتیبانی می شود |
 | پشتیبانی می شود | پشتیبانی می شود | پشتیبانی می شود |
 | پشتیبانی می شود | پشتیبانی می شود | پشتیبانی نمی شود |
 | پشتیبانی می شود | پشتیبانی می شود | پشتیبانی می شود |
MIME Types فرمت های صدا
با کمک جول زیر می توانید نوع رسانه را نیز مشخص کنید.
| فرمت فایل | نوع رسانه |
| MP3 | audio/mpeg |
| WAV | audio/wav |
| Ogg | audio/ogg |
پشتیبانی مرورگر ها
در ادامه می توانید ببینید که آیا مرورگرهای اینترنتی از تگ audio در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | | | | | |
| پشتیبانی | ۴٫۰ | ۳٫۵ | ۱۰٫۵ | ۴٫۰ | ۹٫۰ |
تفاوت بین HTML 4.01 و HTML5
تگ <audio > در HTML5 تگ جدیدی محسوب می شود.
نکات و توصیه ها
هر متنی بین <audio> و </audio> در مرورگرهایی نمایش داده می شود که از تگ <audio> پشتیبانی نمی کنند.
خصیصه ها
| نام خصیصه | مقدار | توضیحات |
|---|
| autoplay | autoplay | این خصیصه موجب می شود که فایل صوتی محض آماده شدن به صورت اتوماتیک پخش شود. |
| controls | controls | این خصیصه موجب می شود دکمه های پخش (همچون دکمه پخش و قطع و غیره را…) نمایش داده شوند. |
| loop | loop | این خصیصه موجب پخش مجدد صدا پس از پایان آن است. |
| muted | muted | موجب قطع صدای فایل صوتی می شود. |
| preload | auto
metadata
none | مشخص می نماید که وقتی صفحه ای بارگذاری می شود، فایل صوتی نیز با آن باگذاری شود یا نه. |
| src | URL | این خصیصه آدرس یا مسیر فایل صوتی را تعیین میکند. |
خصیصه های سراسری Global Attributes
تگ <audio> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <audio> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
ندارد.
کلام آخر
در این جلسه آموزش کار با تگ audio در HTML را یه علاقمندان این دوره ارائه کردیم.
در این جلسه آموختیم که وظیفه تگ <audio> تعریف جریان های صوتی و موسیقی است.
در جلسه بعدی به آموزش تگ b در HTML خواهیم پرداخت.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
