طراحی سایت | طراحی اسلایدر | خدمات سئو | سئو وبسایت | خدمات طراحی وبسایت | پشتیبانی وبسایت |
0 محصولات نمایش سبد خرید

هیچ محصولی در سبد خرید نیست.

تگ audio در HTML

تگ audio برای ایجاد یک عنصر "صوتی" استفاده می شود ، که نشان دهنده صوتی تعبیه شده در یک سند HTML است.
ذهن انسان محدودیت نداره .

کاربرد تگ audio چیست ؟

تگ audio برای ایجاد یک عنصر “صوتی” استفاده می شود ، که نشان دهنده صوتی تعبیه شده در یک سند HTML است.

تگ audio در کجا استفاده میشود .

برای گذاشتن فایل های موسیقی در یک صفحه وب است اما می تواند برای اهداف دیگر مورد استفاده قرار گیرد. به عنوان مثال ، می توانید از تگ audio برای ارائه صداهای طبیعت ، صدایی از روایت ، مصاحبه ضبط شده و غیره استفاده کنید.

تگ audio در HTML 5 معرفی شد.

Syntax

تگ audio به این شکل <audio> </audio> با ویژگی های متفاوت در اول . ویژگی ها می توانند فایل صوتی واقعی را برای پخش مشخص کنند ، همچنین گزینه های دیگری مانند پخش خودکار ، اینکه آیا مرورگر باید کنترل ها را نمایش دهد یا خیر ، و غیره.

<audio src="" controls>
نکته زیر را بخوانید : 
</audio>

نکته : هرگونه محتوا بین برچسبهای <audio> در حال باز و بسته شدن ، محتوای برگشتی است. این محتوا فقط توسط مرورگرهایی نمایش داده می شود که از برچسب <audio> پشتیبانی نمی کنند.

مثال:

در این مثال از تگ audio ویژگی boolean Control استفاده می شود تا به مرورگر بگوید کنترل را نمایش دهد (به این ترتیب کاربر می تواند بخش کند / مکث کند ، میزان صدا را تغییر دهد و غیره).

<audio src="/music/good_enough.mp3" controls>
<p>مرورگر شما از فایل صوتی پشتیبانی نمیکند </p>
</audio>

Attributes | ویژگی های تگ audio

ویژگی ها را می توان به عنصر HTML اضافه کرد تا اطلاعات بیشتری درباره نحوه ظاهر یا رفتار آن عنصر ارائه دهد.

تگ audio صفات زیر را می پذیرد.

ویژگی ها توضیحات
srcمکان فایل صوتی را مشخص می کند. مقدار آن باید ادرس یک فایل صوتی باشد.
crossorigin
این ویژگی یک ویژگی تنظیمات CORS است. CORS مخفف Cross-Origin Resource Sharing است. هدف از ویژگی crossorigin این است که به شما امکان پیکربندی درخواستهای CORS برای داده های گرفته شده از عنصر را می دهد. مقادیر صفت crossorigin شمرده شده است. مقادیر ممکن:

anonymous : با مبدا متقابل برای این عنصر دارای اعتبار پرچم نامه ای نیستند. به عبارت دیگر ، هیچگونه تبادل اعتبار کاربر از طریق کوکی ها ، گواهی های SSL سمت مشتری یا تأیید هویت HTTP صورت نمی گیرد.
use-credentials : تقاضاهای CORS با مبدا متقابل برای این عنصر دارای اعتبار پرچم است.
اگر این ویژگی مشخص نشده باشد ، اصلاً از CORS استفاده نمی شود.
یک کلمه کلیدی نامعتبر و یک رشته خالی به عنوان مقدار ناشناس استفاده می شود.
preloadمشخص می کند صوتی باید از قبل بارگذاری شود یا خیر ، و اگر چنین است ، چگونه باید از قبل بارگیری شود. این ویژگی به نویسنده اجازه می دهد تا در مورد آنچه نویسنده فکر می کند به بهترین تجربه کاربر منجر شود ، توضیحاتی را به مرورگر / عامل کاربر ارائه دهد. این ویژگی ممکن است در برخی موارد نادیده گرفته شود. به عنوان مثال ، اگر کاربر پیش بارگیری را غیرفعال کرده است یا مشکلات اتصال به شبکه وجود دارد. مقادیر ممکن:
none
metadata
auto
توجه داشته باشید که ویژگی autoplay می تواند ویژگی پیش بارگذاری را نادیده بگیرد (از آنجا که اگر رسانه بازی می کند ، بدون توجه به تذکر داده شده به ویژگی preload ، ابتدا باید بافر شود. با وجود این ، شما هنوز هم می توانید هر دو ویژگی را ارائه دهید.
autoplayمشخص می کند که به محض بارگیری جسم ، شروع به پخش صوت کنید یا خیر.
این ویژگی یک ویژگی boolean است. بنابراین صرف حضور این خصیصه با ارزش واقعی برابر است. همچنین می توانید مقداری را انتخاب کنید که یک مورد حساس برای نام متعارف این ویژگی باشد ، بدون اینکه فضای سفید منجر یا دنبال شود (یعنی autoplay یا autoplay = “autoplay”).
مقادیر ممکن:
[Empty string]
autoplay
mediagroup
برای هماهنگ سازی پخش فایلهای صوتی (یا عناصر رسانه). به شما امکان می دهد عناصر رسانه را برای پیوند با یکدیگر مشخص کنید. مقدار یک رشته متن است ، به عنوان مثال: mediagroup = film. فایلهای صوتی / عناصر رسانه ای با همان ارزش به طور خودکار توسط عامل کاربر / مرورگر مرتبط می شوند.
نمونه ای از مکان استفاده از ویژگی رسانه گروهی ، جایی است که شما نیاز دارید تا یک ترجم مترجم-نشانه را از یک فایل فیلم روی بالای صفحه دیگر بکشید.
loopمشخص می کند که آیا پخش مجدد صوت را پس از اتمام کار خود ادامه دهید.
این ویژگی یک ویژگی بولی است. بنابراین صرف حضور این خصیصه با ارزش واقعی برابر است. همچنین می توانید مقداری را انتخاب کنید که یک مورد حساس برای نام متعارف صفت باشد ، بدون اینکه فضای سفید منجر یا دنباله داشته باشد (یعنی حلقه یا حلقه = “loop”).
مقادیر ممکن:
[Empty string]
loop
controlsمشخص کردن یا نبودن کنترل های صوتی (مانند دکمه پخش / مکث و غیره) را نشان می دهد.
این ویژگی یک ویژگی بولی است. بنابراین صرف حضور این خصیصه با ارزش واقعی برابر است. همچنین می توانید مقداری را انتخاب کنید که یک مورد حساس برای نام متعارف این ویژگی باشد ، بدون اینکه فضای سفید منجر یا دنبال شود (به عنوان مثال کنترل یا کنترل = “کنترل”) باشد.
مقادیر ممکن:
[Empty string]
controls
دیدگاه‌های نوشته

Share via
ارسال این به یک دوست