صفحه اصلی / html / اموزش تگ audio در html5،اموزش گذاشتن موسیقی در وب سایت و وبلاگ

اموزش تگ audio در html5،اموزش گذاشتن موسیقی در وب سایت و وبلاگ

اموزش تگ audio در html5

اموزش گذاشتن موسیقی در وب سایت و وبلاگ

باسلام خدمت شما کاربران گرامی مجله اینترنتی شماسافت در این پست از مبحث اموزش برنامه نویسی – html قصد اموزش تگ audi در html5 که برای گذاشتن موسیقی و فایل صوتی در وبلاگ و وبسایت داریم امیدواریم این اموزش مورد رضایت شما باشد پس تا پایان مطلب «اموزش تگ audio در html5،اموزش گذاشتن موسیقی در وب سایت و وبلاگ» همراه ما باشید.

فرمت های قابل پخش توسط تگ audio در html5

قبل از شروع اموزش بهتر با فرمت های مورد پشتیبانی در تگ audio کمی اشنا شویم و پشتیبانی مرورگر ها از انها را نیز متوجه شویم به طور کلی سه فرمت

  1. MP3
  2. Wav
  3. Ogg

را میتوانید به عنوان سورس به تگ audio خودتان اضافه کنید معمولا طراحان و برنامه نویسان وب در صورت تمایل به پخش یک موسیقی در وب سایت خود و استفاده از تگ audio از سه فرمت بالا همزمان (روش کد نویسی توضیح داده خواهد شد)  استفاده میکنند تا درصورت عدم پشتیبانی مرورگر از یک فرمت خاص یا عدم اجرای درست ان دیگری پخش و اجرا شود در تصویر زیر وضعیت پشتیبانی مرورگرهای مختلف از این فرمت هارا میبنید.

اموزش تگ audio در html5،اموزش گذاشتن موسیقی در وب سایت و وبلاگ

 

اموزش استفاده از تگ audio در html5 :

برای این کار از تگ audio به شکل زیر استفاده میشود.

 

همان طور که میبنید ابتدا تگ audio ایجاد و سپس خاصیت controls به ان دادیم تا کنترل های لازم مانند دکمه تنظیم صدا یا نمایش دکمه پخش و عدم پخش موسیقی توسط ان ایجاد شود.

سپس با استفاده از نشانه source فرمت های مختلف از یک فایل (علت در بالا ذکر کردیم) به عنوان سورس و برای پخش اضافه کردیم

نتیجه کد بالا در زیر میبینید.

 

خواص یا Attributes مربوط به تگ audio : 

  1. autoplay : درصورت استفاده پس از بارگذاری صفحه و بدون دخالت کاربر موسیقی پخش خواهد شد
  2. controls : درصورت استفاده مانند مثال بالا دکمه هایی برای کنترل موسیقی اضافه خواهند شد.
  3. loop : درصورت استفاده اهنگ پس از پایان دوباره پخش خواهد شد.
  4. muted : درصورت استفاده اهنگ به صورت پیشرفض دارای میزان صدای برابر ۰ خواهد بود.
  5. src : مسیر فایل موسیقی مشخص میکند که  به صورت تکی در خود تگ audio به کارمیرود و به صورت چندتایی در تگ سورس داخل تگ audio استفاده میشود.

 

نحوه استفاده از خواص بالا به شکل زیر می باشد.

 

این بود از «اموزش تگ audio در html5،اموزش گذاشتن موسیقی در وب سایت و وبلاگ»  ممنون از اینکه تا اخر این مطلب همراه ما بودید سوالات و نظرات خود را در قسمت دیدگاه می توانید برای ما ارسال کنید.

 

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *