آموزش های حرفه ای
مای دیزاین به عنوان یکی از تولید کنندگان محتوای آموزشی در زمینه طراحی وب و گرافیک به صورت تصویری، با کیفیت و اختصاصی در خدمت شما کاربران عزیز می باشد!
نرم افزار آندروید
طراحی و ساخت نرم افزار آندروید خدمت جدیدی است که در مای دیزاین ارائه میشود. داشتن نرم افزار برای گوشی های هوشمند امری جدید و هیجان انگیز می باشد!
طراحی وب و گرافیک
یکی از خدمات ما طراحی سایت های ایستا و پویا با جدید ترین متد های روز دنیاست. ساخت قالب هایی سبک و در عین حال زیبا، با استفاده از وردپرس، تخصص ماست!
پخش صدا با استفاده تگ audio در html5

پخش صدا با استفاده تگ audio در html5
سلام. امروز یک آموزش از HTML5 براتون آماده کردم. با استفاده از این تگ میتونید به سادگی صدای مورد نظر خودتون رو داخل سایتتون قرار بدید. با مای دیزاین همراه باشید.
خوب طبق معمول ابتدا ساختار کلی کد رو براتون مینویسم و سپس به توضیح اون میپردازم:

<audio controls autoplay>
<source src="sound.ogg" type="audio/ogg">
<source src="sound.mp3" type="audio/mpeg">
</audio>

خوب در کد بالا تگ audio رو نوشتیم و سپس با controls قسمت کنترل برای پلیر خودمون رو فراخوانی کردیم و در آخر هم قابلیت پخش خودکار رو با autoplay فعال کردیم.
خوب حالا برای اینکه فایل مورد نظر در تمام مرورگر ها پخش شود باید از دو فرمت MP3 و OGG استفاده کنیم و در src هم آدرس فایل مورد نظر رو قرار دهیم.

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

  1. ميثم خابابايي می‌گه:

    دستت طلاست، مطالبت حرف ندارن

  2. علیرضا می‌گه:

    ممنون از آموزشای زیباتون فقط ۲تا سوال داشتم
    ۱- اون قسمت آبی شده که نوشته SOund.ogg و SOund.mp3 باید آدرس فایل موزیکو بزاریم؟ یعنی باید بکجا آپلود شه بعد لینکشو اونجا بزاریم؟
    اگه فایل موزیکمون MP3 بود برای پسوند OGG باید چیکار کرد؟ آیا باید هر ۲ قسمتش MP3 OGG پر شه؟
    ۲- اگه بخوام همین فایل صوتی بدون قسمت کنترل و پلیر باشه یعنی تا سایت باز میشه اون فایل هم بطور اتومات پخش شه میشه از همین دستور استفاده کرد؟

    • علی همایونی می‌گه:

      خواهش میکنم.
      بله دیگه آدرس فایل های رو باید قرار بدید. دلیل اینکه دو فرمت هم قرار داده شده برای ساپورت تمام مرورگر ها و دستگاه هاست که میتونید همون MP3 رو فقط قرار بدید ولی شاید یکی از مرورگر ها ساپورت نکنه. شاید!
      اگر دقت کنید نوشتم خاصیت autoplay چیه توی مطلب.

پاسخ دهید

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

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