تگ های چندرسانه ای در Html

تگ های چندرسانه ای در Html

تگ های چندرسانه ای در Html

درادامه این مقاله شما را با Multiemedia در HTML یا همان تگ های چندرسانه ای در HTML ,پشتیبانی مرورگرها و انواع فرمت های قابل استفاده در تگ های چندرسانه ای آشنا خواهیم کرد.

MultiMedia در HTML

استفاده از رسانه های مختلفی همچون تصویر ویدیو متن صوت گرافیک صدا وانیمیشن و...درکناریکدیگر برای رساندن منطور مورد نظر به کاربر چندرسانه ای می گویند
چندرسانه های در قالب مختلفی وجودارند.

در جدول زیر می توانید فرمت های چندرسانه ای از نوع ویدیو را ببینید.
 
فایل فرمت
MPEG mpg | .mpeg.
AVI avi.
WMV wmv.
QuickTime mov.
RealVideo rm | .ram.
Flash swf | .flv.
Ogg ogg.
WebM webm.
MPEG-4 mp4.

 در جدول زیر می توانید فرمت های چندرسانه ای از نوع صوت را ببینید.
 
فایل فرمت
MIDI mid | .midi.
WMA wma.
RealAudio aas.
WAV wav.
OGG ogg.
MP3 mp3.
 
پشتیبانی مروگر ها 

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


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

تگ Video در HTML

تگ Video در HTML

با استفاده از HTML5 و قراردادن تگ Video طراحان وب قادرند از مزایای قراردادن ویدیو در سایت استفاده کنند و پشتیبانی مرورگر ها از تگ Video به صورت زیرمی باشد:
 
  • مرورگر Chrome : از نسخه 4 به بعد پشتیبانی می شود.
  • مرورگر Firefox: از نسخه 3.5 به بعد پشتیبانی می شود.
  • مرورگر Safari: از نسخه 4 به بعد پشتیبانی می شود.
  • مرورگر Oprea: از نسخه 10.5 به بعد پشتیبانی می شود.
  • مرورگر IE/Edge: از نسخه 9 به بعد پشتیبانی می شود.

ویژگی AutoPlay
مقدار این ویژگی autopaly است واستفاده ازاین ویژگی در تگ ویدیو باعث می شود بعداز لود شدن صفحه ویدیو به صورت خودکار شروع با اجرا شود.

ویژگی controls
مقدار این ویژگی controls است و با استفاده از ویژگی در تگ ویدیو می توانید کنترل ویدیو را در زمان لود و پخش دراختیار کاربر قرار داد.


ویژگی height
مقدار این ویژگی pixels(مقدار عددی)و برای تنظیم ارتفاع ویدیو استفاده می شود.


ویژگی  loop
مقدار این ویژگی loop است و به کمک این ویژگی می توان پس از اتمام ویدیو آن را به صورت خودکار پخش کرد.

ویژگی Width
مقدار این ویژگی pixels(مقدار عددی)و برای تنظیم پهنا یا عرض ویدیو استفاده می شود.

ویژگی src
مقدار این ویژگی آدرس محل ویدیو است و باکمک این ویژگی می توان آدرس ویدیو را به کد داد.

نحوه قرار دادن ویدیو در HTML

<body>
<"video width="320" height="240" controls="controls>
<"source src="demo.mp4"  type="video /mp4>
<video />
<body/>

تگ Audio در  HTML
 
تگ Video در HTML

یک دیگر از تگ های که در HTML5 وجود دارد تگ audio که برای پخش موسیقی و صدا در سایت ویا وبلاگ شخصی استفاده می شود وبیشتر در سایت های دانلود موزیک به کار می رود.

ویژگی AutoPlay
مقدار این ویژگی autopaly است واستفاده ازاین ویژگی در تگ صوت باعث می شود بعداز لود شدن صفحه صوت به صورت خودکار شروع با اجرا شود.

ویژگی controls
این ویژگی کنترل پیش فرض مرورگر را برای پخش فایل صوتی مانند stop و کم و زیادکدن صداو... را برای کاربر فعال می کند


ویژگی  loop
مقدار این ویژگی loop است و به کمک این ویژگی می توان پس از اتمام صوت آن را به صورت خودکار پخش کرد.

ویژگی src
مقدار این ویژگی آدرس محل صوت است و باکمک این ویژگی می توان آدرس صوت را به کد داد.

 

نحوه قرار دادن صوت در HTML

<body>
<audio controls>
<"source src="demo.mp3" type="audio/mpeg>
<audio />
<body/>