طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

آموزش HTML – پخش صدا در html


آموزش HTML - مقدمه

در جلسه قبلی آموزش HTML با تگ SVG در html برای رسم عناصر گرافیکی آشنا شدیم. در این بخش به پخش صدا در html خواهیم پرداخت.

راه های زیادی برای قرار دادن فایل صوتی در صفحه وب و پخش صدا در html وجود دارد.

قرار دادن فایل های صوتی در HTML

قرار دادن صدا در صفحه وب نسبتا ساده هم نیست. چراکه مرورگرها معمولا فرم استانداردی برای فایل های مدیا قرار داده شده ندارند.

در این بخش انواع راه های قرار دادن فایل صوتی در صفحه وب , از یک لینک ساده تا استفاده از تگ <audio> در HTML5 را نشان می دهیم.

 

پخش صدا با استفاده تگ audio در html5

تگ جدید <audio> در HTML5 یک راه استاندارد برای پخش صدا در html است. به هرحال, این المان نسبتا جدید است اما روی بیشتر مرورگرهای مدرن کار می کند.

مثال زیر بطور ساده نحوه قرار دادن و پخش صدا در html با تگ audio را به همراه خصوصیت controls را نشان می دهد (آدرس نسبی است.)

یک فایل صوتی, با کنترل های پیش فرض و با چندین فایل منبع مختلف که فرمت مخنلفی دارند و اگر یکی پخش نشد دیگری اجرا می شود.

ترک ‘ogg’ در فایرفاکس, اپرا و کروم کار می کند, در حالی که فرمت ‘mp3’ برای کار کردن و پخش صدا در اینترنت اکسپلورر و سافاری اضافه شده است.

حتما بخوانید  آموزش HTML - لینک ها در HTML

لینک کردن فایل های صدا (Audio)

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

استفاده از تگ object

تگ <object> برای قرار دادن انواع مختلف فایل های مدیا در سند HTML استفاده می شود.

این المان از کنترل های ActiveX استفاده می کرد, اما با توجه به مشخصات, یک آبجکت می تواند هر نوع آبجکت رسانه ای مثل ویدیو,  صدا, اپلت جاوا, اکتیوX , سند (HTML, PDF, Word و ..), انیمیشن فلش یا حتی تصاویر باشد.

توجه: المان <object> بطور گسترده پشتیبانی نمی شود و بستگی به نوع آبجکتی که قرار دادید, دارد. بقیه روش ها مثل تگ <audio> در HTML5 یا پلیر Google MP3 می تواند در بیشتر موارد گزینه بهتری باشد.

استفاده از تگ embed

المان <embed> برای قرار دادن محتوای مالتی مدیا داخل سند HTML کاربرد دارد. مثلا فایل تصویری.

توجه: تگ <embed> در حال حاضر به خوبی توسط مرورگرها پشتیبانی می شود و به عنوان استاندارد در HTML5 تعریف شده است, اما فایل های صدا احتمالا به دلیل فرمت فایل ها که توسط مروگر پشتیبانی نمی شود یا نبودن پلاگین های آن به خوبی اجرا نشود.

حتما بخوانید  آموزش HTML - تگ script در html

 

امیدوارم در این بخش آموزش HTML , از پخش صدا در html نهایت استفاده را برده باشید.

در بخش بعدی با قرار دادن ویدیو در صفحه وب آشنا می شویم.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق باشید.

اگر مفید بود, لطفا به اشترک بگذارید تا دوستان دیگر نیز بهره ببرند

حسن شفیعی
مدرس ، پنتستر ، توسعه دهنده اپلیکیشن های تحت وب ، عضو مرکز حامی نخبگان و از مدیران و اعضای رسمی تیم امنیتی آشیانه هستم . علاقه خاصی به زبان php و امنیت شبکه و لینوکس دارم و هر روز تلاش می کنم به این حوزه ها مسلط تر شوم و اطلاعاتم را در وب به اشتراک بگذارم

دیدگاه کاربران

دیدگاهتان را بنویسید

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

دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

آموزش طراحی وب سایت

نظر کاربران عزیز

آموزش های آنلاین در چه زمینه ای تهیه کنیم ؟

  • آموزش جاوااسکریپت و جی کوئری (45%, 10)
  • آموزش ساخت ربات تلگرام (45%, 10)
  • آموزش بوت استرپ 4 (9%, 2)

تعداد رای ها : 22

Loading ... Loading ...

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

مجوزهای ما


logo-samandehi نماد اعتماد الکترونیک

دانلود کتاب

عضویت در خبرنامه