با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش html را دنبال می کنند. اغلب اوقات شما نیاز دارید در بخش یا بخش هایی از صفحه وب خود یک یا چند فایل چند رسانه ای نظیر ویدئو ، صوت و… را قرار دهید، این فایل های چند رسانه ای در موارد مختلفی کاربرد دارد به عنوان مثال زمانیکه شما قصد دارید یک فیلم یا فایل صوتی آموزشی را برای کاربران وب سایت نمایش دهید و یا فیلمی را برای دانلود در پیش نمایش صفحه خود قرار دهید، در اینگونه موارد باید با طرز استفاده از چند رسانه ای در html آشنایی داشته باشید. از این رو ما مباحث آموزش این بخش را به چگونگی کار با Multimedia در html اختصاص داده ایم.
در ادامه ی این بخش شما را با مفاهیم Multimedia در html ،پشتیبانی در مرورگرها و فرمت های قابل استفاده ی چند رسانه ای در html آشنا می کنیم.
چند رسانه ای در html در قالب های مختلفی می آید. این می تواند تقریبا هر چیزی را که می توانید بشنوید یا ببینید شامل شود.
مثال: تصاویر، موسیقی، صدا، فیلم ها، سوابق، فیلم ها، انیمیشن ها و…
صفحات وب اغلب حاوی عناصر چند رسانه ای از انواع و فرمت های مختلف هستند.
اولین مرورگرهای وب فقط از متن پشتیبانی می کردند.
بعدها مرورگرها با پشتیبانی از رنگ ها و فونت ها و تصاویر وارد شدند!
سپس با پیشرفت مرورگرها و html پشتیبانی از فایل های ویدئویی و صوتی نیز اضافه شد.
عناصر چند رسانه ای (مانند صوتی و تصویری) در فایل های رسانه ذخیره می شوند.
رایج ترین روش برای کشف نوع فایل، این است که به دنبال فرمت فایل بروید.
فایل های چندرسانه ای دارای فرمت های مختلف مانند: .swf، .wav، .mp3، .mp4، .mpg، .wmv، و .avi می باشند.
MP4 فرمت جدید و آینده برای ویدیو اینترنتی است.
MP4 توسط YouTube توصیه می شود.
MP4 توسط Flash Player ها پشتیبانی می شود.
MP4 توسط HTML5 پشتیبانی می شود.
Format | File | توضیحات |
---|---|---|
MPEG | .mpg .mpeg | اولین قالب ویدیوی معروف در وب که برای همه مرورگرها پشتیبانی می شود، اما در HTML5 پشتیبانی نمی شود. |
AVI | .avi | معمولا در دوربین های ویدئویی و سخت افزار تلویزیون استفاده می شود و به خوبی روی کامپیوترهای ویندوز پخش می شود، اما در مرورگرهای وب پشتیبانی نمی شود. |
WMV | .wmv | معمولا در دوربین های ویدئویی و سخت افزار تلویزیون استفاده می شود و به خوبی روی کامپیوترهای ویندوز پخش می شود، اما در مرورگرهای وب پشتیبانی نمی شود. |
QuickTime | .mov | معمولا در دوربین های ویدئویی و سخت افزار تلویزیون استفاده می شود و به خوبی روی کامپیوترهای اپل پخش می شود، اما در مرورگرهای وب پشتیبانی نمی شود. |
RealVideo | .rm .ram | برای ویدئوی های آنلاین و تلوزیون های متصل به اینترنت کاربرد دارد و در مرورگرها پخش نمی شود. |
Flash | .swf .flv | این فرمت با استفاده از یک پلاگین flash در مرورگرها اجرا می شود. |
Ogg | .ogg | در HTML5 پشتیبانی می شود. |
WebM | .webm | توسط Mozilla, Opera, Adobe و Google طراحی شده و در HTML5 پشتیبانی می شود. |
MPEG-4 or MP4 | .mp4 | پشتیبانی شده توسط همه مرورگرهای HTML5 و توصیه شده توسط یوتیوب. |
نکته : از فرمت های فوق، فقط ویدئویی MP4, WebM و Ogg توسط HTML5 پشتیبانی می شود.
MP3 جدیدترین فرمت برای موسیقی ضبط شده فشرده است. اصطلاح MP3 مترادف با موسیقی دیجیتال شده است.
انواع فرمت های صوتی:
Format | File | توضیحات |
---|---|---|
MIDI | .mid .midi | فرمت اصلی برای تمام دستگاه های موسیقی الکترونیک مانند سینت سایزر ها و کارت های صوتی PC. فایل های MIDI شامل صدا، اکه بخوبی در دستگاههای رایانه پخش می شود ، اما در مرورگرها پشتیبانی نمی شود. |
RealAudio | .rm .ram | RealAudio توسعه یافته توسط Real Media برای اجازه پخش صوت با پهنای باند کم، که در مرورگرهای وب پخش نمی شود. |
WMA | .wma | به خوبی در ویندوزها پخش می شود اما در مرورگرهای وب پشتیبانی نمی شود. |
AAC | .aac | طراحی شده توسط اپل به عنوان قالب پیش فرض برای iTunes. به خوبی در رایانه های اپل پخش می شود اما در مرورگرهای وب پشتیبانی نمی شود. |
WAV | .wav | WAV توسعه یافته توسط IBM و مایکروسافت، که در سیستم عامل های ویندوز، مکینتاش و لینوکس به خوبی پخش می شود. و در HTML5 پشتیبانی می شود. |
Ogg | .ogg | اوگ توسعه یافته توسط بنیاد Xiph.Org. و در HTML5 پشتیبانی می شود. |
MP3 | .mp3 | MP3 محبوب ترین فرمت برای پخش کننده های موسیقی است. ترکیبی از فشرده سازی خوب (فایل های کوچک) با کیفیت بالا. و در تمام مرورگرهای وب پشتیبانی می شود. |
MP4 | .mp4 | MP4 فرمت ویدئویی آینده در اینترنت است. که همچنین منجر به پشتیبانی خودکار از MP4 صوتی در تمام مرورگرها می شود. |
نکته : از فرمت های صوتی فوق تنها فرمت های MP3, WAV و Ogg توسط HTML 5 پشتیبانی می شود.
با پیشرفت مرورگرها و تکنولوژی HTML پشتیبانی از فرمت های مختلف Multimedia در html از جمله فایل های مختلف ویدئوی و صوتی ارائه شد و قابلیت ها و کاربردهای مهمی را به وب سایت ها اضافه کرد از این رو مباحث این بخش را به آشنایی با چند رسانه ای در html اختصاص دادیم.