multimedia در html و صفحات وب

multimedia در html و صفحات وب

چند رسانه ای (multimedia) بر روی وب، شامل صدا، موسیقی، فیلم، فیلم، و انیمیشن میباشد.

 

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

multimedia بصورت فرمت های مختلف می آید. این می تواند تقریبا هر چیزی باشد که شما می شنوید و یا می بینید. مانند: تصاویر، موسیقی، صدا، فیلم ها، ضبط شده ها، فیلم، انیمیشن، و ... .

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

 

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

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

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

پشتیبانی از صداها، انیمیشن، و ویدئو در مرورگرهای مختلف بصورتهای متفاوت به کار گرفته شده است. انواع و فرمتهای مختلفی پشتیبانی میشوند و برخی از فرمتها برای کار کردن نیاز به برنامه های کمکی اضافی (پلاگین) دارند.

 

♦ فرمت های multimedia

عناصر چند رسانه ای (مانند صداها و یا فیلم ها) در فایل های رسانه ای ذخیره می شوند.

رایج ترین روش برای کشف نوع فایل، این است که به پسوند فایل نگاه کنید. هنگامی که یک مرورگر پسوند فایل .html و یا .htm را می بیند، با آن به عنوان یک فایل HTML رفتار میکند. فرمت .xml نشان دهنده یک فایل XML، و پسوند .css یک فایل استایل شیت نشان می دهد. تصاویر توسط پسوندهایی مانند .gif و  .jpg  و .png شناخته شده اند.

فایل های multimedia نیز فرمت های خود و پسوند های مختلف مثل: .mp3 و .mp4 و .mpg و .wmv و .avi و .wav و .swf را دارند.

 

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

 MP4 فرمت جدید و آتی برای ویدئو های اینترنتی است.

MP4 توسط یوتیوب توصیه می شود.

 MP4 با Flash Player ها پشتیبانی میشود.

 MP4 توسط HTML5 پشتیبانی میشود.

 

♦ فرمت های صدا

MP3، جدید ترین فرمت برای موسیقی ضبط شده فشرده است.شرایط MP3 مترادف با موسیقی دیجیتال تبدیل شده است.

اگر وب سایت شما در مورد ثبت موسیقی است، MP3 انتخاب خوبی است.

 

ویدیو در HTML5

♦ پخش فیلم ها در HTML

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

قبل از HTML5 ویدیوها را تنها با یک پلاگین (مانند فلش) میشد نمایش داد.

عنصر "video" در HTML5 یک روش استاندارد برای قراردادن ویدئو در یک صفحه وب مشخص می کند.

 

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

اولین نسخه های مرورگرهایی که بطور کامل از عنصر  video پشتیبانی کرده اند، بصورت زیر می باشد:

► مرورگر chrome  : نسخه 4.0

► مرورگر FireFox : ورژن  3.5

► مرورگر internet Explorer : ورژن  9.0

► مرورگر Opera : نسخه 10.5

► مرورگر safari : نسخه 4.0

 

♦ عنصر "video" در HTML

برای نشان دادن یک ویدیو در HTML، از برچسب video بصورت زیر استفاده کنید: ( در تمامی مثالها به جای() از علامتهای <> استفاده کنید)

 

این عنصر به این صورت کار میکند:

ویژگی controls ،کنترل ویدئو مانند پخش، مکث و حجم را اضافه میکند.

این ایده ی خوبی است که همیشه ویژگی های width و height را وارد کنید. اگر عرض و ارتفاع تنظیم نشوند، مرورگر نمیتواند اندازه ویدئو را تشخیص دهد.

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

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

ویژگی پخش خودکار در سافاری و اپرا، و یا در دستگاه های تلفن همراه مانند آی پد و آی فون کار نمی کند.

 

♦ متدها، خواص و رویدادهای ویدئوی HTML

HTML5 متدها، خواص و رویدادهای DOM  را برای عنصر video تعریف میکند.

این به شما امکان میدهد که ویدیو را بارگذاری، پخش و قطع کنید.

همچنین رویدادهای DOMی وجود دارند که میتوانند هنگام شروع پخش یک ویدیو یا توقف آن و ... به شما اطلاع دهد.

 

♦ برچسب های عنصر video در html

► video : یک ویدیو یا فیلم را تعریف میکند.

► source : منابع رسانه های مختلف برای عناصر media ، مانند video و audio را معرفی می کند.

► track : ترک های متن در پخش کننده های media را معرفی میکند.