خروجی با یک فرمت جدید با تگ “audio”
با دیدن کلمه تگ “audio” فهمیدین جریان چیه دیگه! ما تا اینجا خروجی ویدئو، عکس و متن داشتیم! اما حالا، میریم سراغ خروجی صوت. در سایت های زیادی که برای مثال، پایگاه پخش آهنگ هستند، از این تگ استفاده شده یا سایت هایی که پادکست میزارن یا غیره.
اولین گام برای کد زنی این تگ “audio”
شما اول از همه باید در یک فایل و فولدر مشخص، فایل صوتیتون رو داشته باشید و آدرس فایل رو در سیستمتون، داشته باشید. پیشنهاد میکنم از “VSC” استفاده کنید و همچنین فایل صوتی رو در فولدر کد های سایتتون بزارید تا هم سایتتون، دادۀ قویای داشته باشه، هم اینکه خودتون، فایل ها رو گم نکنید!
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="arminia.mp3" type="audio/mpeg">
</audio>
</body>
</html>
کاری داشت؟ نه! توی سورسی که تو تگ “audio” باز کردیم، اسم و فرمت فایلمون رو بهش دادیم همین. اون دستور “controls” هم که میبینید، برای اینه که مثل تگ ویدئو که یاد گرفتیم، دکمه های پلی، استوپ، دانلود، تنظیم صدا و … رو هم داشته باشیم که اگر “controls” رو نزاریم، وارد سایت که میشیم هی صدا رو به صورت خود به خود میشنویم! (میتونیم برای اینکار، یک آهنگ ملایم با صدای خیلی کم بزاریم و بعد، با استفاده از تگ “style” و دستور “opacity”، اون بیضی شکلی رو که برای صدا هست رو شفاف کنیم و یک بازدید کننده راضی بسازیم)
فهمیدی؟! راستشو بخوای این آخریشه!
اگر به این مقاله، با دقت توجه کرده باشید! میتونید راحت تر، مقاله های دیگه، مخصوصا در رابطه با تگ های دیگه رو دربارۀ آموزش “html”، بخونید. در واقع در این سری، قراره دونه به دونه تگ هارو مانند تگ “audio” بررسی کردیم. تا بتوانید با تک مقاله های کوتاه که قابلیت خوانش سریع را دارند، تگ ها را به سبک سایت “W3School” یاد بگیرید، اون هم به زبان فارسی! پس برای یادگیری تگ های بیشتر، روی اینجا کلیک کنید؛ و اگر حس می کنید نیاز به آموزش تگ ها از اول دارید، اینجا را کلیک کنید.
راستی، اگر به دنبال آموزشات بیشتر در این زمینه هستید و میخواهید به یکی از افراد دانای این جامعه تبدیل بشید! یا بقیه تگ ها رو مانند تگ “audio” دنبال یا برای ما در نظرات بنویسید تا بخش های دیگر مربوط به “html” را برای شما توضیح بدهم. فرصت های شغلی در این زمینه کم است ولی هر فرد سایت دار، حتی اگر سایتش وردپرسی باشد! باید مقداری با این مورد آشنا باشد تا بتواند توانایی حل مسئله در دنیای خارج وردپرسی را داشته باشد.