سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانهگذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTM کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته با تگ aside آشنا شدیم و آموختیم که تگ <aside> یک محتوا را به عنوان محتوای فرعی در یک صفحه، جدای از محتوای اصلی قرار می دهد.
در این جلسه به آموزش کار با تگ audio در HTML می پردازیم.
به مثال زیر توجه نمایید.
در مثال زیر یک تگ <audio> به کار رفته است.
1 2 3 4 5 | <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 |
---|---|---|---|
پشتیبانی می شود | پشتیبانی نمی شود | پشتیبانی نمی شود | |
پشتیبانی می شود | پشتیبانی می شود | پشتیبانی می شود | |
پشتیبانی می شود | پشتیبانی می شود | پشتیبانی می شود | |
پشتیبانی می شود | پشتیبانی می شود | پشتیبانی نمی شود | |
پشتیبانی می شود | پشتیبانی می شود | پشتیبانی می شود |
با کمک جول زیر می توانید نوع رسانه را نیز مشخص کنید.
فرمت فایل | نوع رسانه |
MP3 | audio/mpeg |
WAV | audio/wav |
Ogg | audio/ogg |
در ادامه می توانید ببینید که آیا مرورگرهای اینترنتی از تگ audio در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | |||||
پشتیبانی | ۴٫۰ | ۳٫۵ | ۱۰٫۵ | ۴٫۰ | ۹٫۰ |
تگ <audio > در HTML5 تگ جدیدی محسوب می شود.
هر متنی بین <audio> و </audio> در مرورگرهایی نمایش داده می شود که از تگ <audio> پشتیبانی نمی کنند.
نام خصیصه | مقدار | توضیحات |
---|---|---|
autoplay | autoplay | این خصیصه موجب می شود که فایل صوتی محض آماده شدن به صورت اتوماتیک پخش شود. |
controls | controls | این خصیصه موجب می شود دکمه های پخش (همچون دکمه پخش و قطع و غیره را…) نمایش داده شوند. |
loop | loop | این خصیصه موجب پخش مجدد صدا پس از پایان آن است. |
muted | muted | موجب قطع صدای فایل صوتی می شود. |
preload | auto metadata none | مشخص می نماید که وقتی صفحه ای بارگذاری می شود، فایل صوتی نیز با آن باگذاری شود یا نه. |
src | URL | این خصیصه آدرس یا مسیر فایل صوتی را تعیین میکند. |
تگ <audio> از خصیصه های سراسری در HTML پشتیبانی می کند.
تگ <audio> از خصیصه رویداد در HTML پشتیبانی می کند.
ندارد.
در این جلسه آموزش کار با تگ audio در HTML را یه علاقمندان این دوره ارائه کردیم.
در این جلسه آموختیم که وظیفه تگ <audio> تعریف جریان های صوتی و موسیقی است.
در جلسه بعدی به آموزش تگ b در HTML خواهیم پرداخت.
با پی وی لرن همراه باشید.