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

آﺷﻨﺎﯾﯽ ﺑﺎ فایل های چند رسانه ای در HTML

فرمت های ویدیویی و صوتی پشتیبانی شده در HTML

آموزش چگونگی قرار دادن رسانه در صفحات HTML ؟! منظور از رسانه در HTML چیست؟ به طور کلی محتوای چند رسانه ای در وب به صدا، موسیقی، ویدیو، فیلم و انیمیشن اطلاق می شود. این مقاله از فصل رسانه ها در HTML را دنبال کنید.

چند رسانه چیست؟

معمولا محتوای چند رسانه ای در فرمت های مختلفی وجود دارد. تقریبا می تواند هر چیزی که می‌بینید یا می‌شنوید باشد. تصاویر، موسیقی، صدا، فیلم، ویدیو، انیمیشن از جمله محتوای چند رسانه ای است.

صفحات وب اغلب حاوی عناصر چند رسانه ای با فرمت و انواع مختلف هستند. در این مقاله از سری آموزشی HTML می‌خواهیم در رابطه با فرمت ها و همچنین پشتیبانی مرورگر ها از رسانه‌ها و پلاگین‌های موجود در HTML صحبت کنیم.

پشتیبانی مرورگر ها

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

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

خوشبختانه در نسخه html5 استفاده از محتوای چند رسانه ای آینده ای آسان تر را به شما قول می‌دهد. مقاله آموزش HTML5 میزفا را حتما بخوانید.

فرمت های چند رسانه ای

عناصر چند رسانه مانند صوت و ویدیو در فایل ها ذخیره می شوند. ساده ترین راه شناسایی فایل های چند رسانه ای نگاه کردن به پسوند فایل است. فایل های چند رسانه ای فرمت و پسوند متفاوتی دارند مانند: swf, wav, mp3, mp4, mpg, wmv  و avi از فرمت های موجود در HTML هستند.

فرمت های ویدیویی رایج

از بین فرمت های فیلم در HTML، رسانه های با فرمت mp4 توسط یوتیوب توصیه شده همچنین توسط فلش پلیر های موجود و html5 پشتیبانی می شود.

فرمتپسوندتوضیحات
Mpeg.mpg
.mpeg
این فرمت توسط گروه mpeg توسعه داده شده است. mpeg اولین فرمت رایج در وب است. فرمت mpeg توسط همه مرورگر ها پشتیبانی می شود اما در html5 پشتیبانی نمی شود.
avi.aviاین فرمت توسط مایکروسافت ایجاد شده است. فرمت avi به صورت گسترده در دوربین های فیلم برداری و تلویزیون استفاده می شود. این فرمت به خوبی روی سیستم عامل ویندوز اجرا می شود اما بر روی مرورگر ها پشتیبانی نمی شوند.
wmv.wmvاین فرمت نیز مانند فرمت avi است.
quicktime.movرسانه های این فرمت توسط اپل توسعه داده شده است. این فرمت نیز در دوربین های فیلم برداری و تلویزیون ها مورد استفاده است. فرمت mov برروی کامپیوتر های اپل به خوبی اجرا می شود اما در مرورگر ها پشتیبانی نمی شود.
realvideo.rm
.ram
این فرمت توسط real media برای استریم ویدیو با پهنای باند پایین ایجاد شده است. این فرمت همچنان برای ویدیو آنلاین در اینترنت و تلویزیون استفاده می شود اما در مرورگر پشتیبانی نمی شود.
flash.swf
.flv
فلش توسط macromedia توسعه داده شده است. این فرمت اغلب به پلاگین برای اجرا برروی وب نیاز دارد.
ogg.oggاین فرمت توسط xiph.org توسعه داده شده است که توسط html5 پشتیبانی می شود.
webm.webmاین فرمت توسط غول های وب mozilla، opera، adobe و گوگل ایجاد شده است. که توسط html5 پشتیبانی می شود.
Mpeg-4
mp4
.mp4این فرمت توسط mpeg برپایه quicktime توسعه یافته است. اغلب توسط دوربین های فیلم برداری و تلویزیون های جدید استفاده می شود. این فرمت توسط همه مرورگر های وب پشتیبانی می شود. همچنین توسط یوتیوب توصیه شده است.

فرمت های فایل صوتی در HTML

رسانه های فرمت mp3 جدید فرمت برای فشرده سازی موسیقی ضبط شده است. اگر وبسایت شما درباره موسیقی های ضبط شده است، فرمت mp3 بهترین انتخاب است.

فرمتپسوند 
midi.mid
.midi
فرمت اصلی برای همه دستگاه های موسیقی الکترونیکی و کارت صدا کامپیوتری است. فایل های midi دارای صدا نیستند بلکه دارای نوت های دیجیتال هستند که می تواند توسط دستگاه های الکترونیکی اجرا شود. این فرمت توسط مرورگر ها پشتیبانی نمی شود.
realaudio.rm
.ram
این فرمت اجازه استریم صوت با پهنای باند کم را می دهد. اما امکان اجرا در مرورگر های وب را ندارد.
wma.wmaفرمت wma توسط مایکروسافت توسعه داده شده است. این فرمت در ویندوز به خوبی اجرا می شود اما در مرورگر پشتیبانی نمی شود.
aac.aacاین فرمت توسط اپل به صورت فرمت پیش فرض برای itunes تعریف شده است. فرمت aac برروی کامپیوتر های اپل اجرا می شوند اما در مرورگر ها پشتیبانی نمی شوند.
wav.wavاین فرمت توسط IBM و مایکروسافت توسعه یافته است. فرمت wav بر روی سیستم عامل های ویندوز، مک و لینوکس قابل اجرا است. همچنین توسط html5 پشتیبانی می شود.
ogg.oggاین فرمت توسط xiph.org توسعه یافته است که در html5 پشتیبانی می شود.
Mp3.mp3رسانه های mp3 در واقع بخش صدای فایل های mpeg هستند. Mp3 رایج ترین فرمت برای music player است.  این فرمت ترکیبی از فشرده سازی خوب و کیفیت بالا است. فرمت mp3 توسط همه مرورگر ها پشتیبانی می شود.
Mp4.mp4رسانه ها با فرمت Mp4 یک فرمت ویدیویی است اما می تواند برای صوت هم مورد استفاده قرار گیرد. Mp4 فرمت ویدیویی بعدی مورد پشتیبانی در اینترنت است. که این مسئله باعث پشتیبانی خودکار از نسخه صوتی این فرمت می شود.

فقط فرمت های صورتی mp3, wav و ogg در حال حاضر در نسخه استاندارد html5 پشتیبانی می شوند.

نتیجه گیری

در این مقاله با فرمت و پشتیبانی رسانه ها در HTML آشنا شدیم. در ادامه با تگ‌ها ویا عناصر مورد استفاده برای نمایش رسانه‌های مختلف آشنا می‌شویم.

در این مقاله رسانه های صوتی و ویدئویی مورد بررسی قرار گرفتند، اگر به دنبال اطلاعات در رابطه با آموزش تصاویر در HTML هستید، می‌توانید آموزش تگ img و آموزش تگ picture را بخوانید.

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

تا مقاله بعدی…

برچسب ها

علی اسمعیلی

درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم...

پاسخی بگذارید

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


حداکثر حجم فایل برای آپلود: 1 MB.
فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ.
شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید.

دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

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

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر