HTMLطراحی سایتگوناگون

۲۱-صدا وتصویر در HTML

استفاده از مولتی مدیا در وب سایت امروزه به امری ضروری تبدیل شده است.مرورگر های جدید نیز اکثر فرمت های موجود را به خوبی پشتیبانی میکنند.

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

 

 

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

اما ما امروز به بهترین ومتداول ترین روش برای درج صدا وتصویر در HTML اشاره خواهیم کرد.

 


پخش صدا در HTML

 

  • مثال بالا از دو فرمت متفاوت استفاده می کند. در HTML 5 عنصر <audio> سعی می کند تا ویدئو را با یکی از فرمت های ogg یا mp3 پخش کند.
  • اگر این روش جواب نداد، بخش ویدئو به عنصر <embed> واگذار می گردد. اگر این روش هم جواب نداد، خطایی نمایش داده می شود.

 

 

استفاده از تگ <a>

 

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

قطعه کد زیر یک لینک به یک فایل MP3 را نشان می دهد. اگر کاربری روی این لیک کلیک کند، مرورگر از یک “برنامه کمکی” برای پخش استفاده می کند.

 

 


 

 

پخش ویدیو در HTML

 

 

  • مثال بالا از چهار فرمت متفاوت ویدئویی استفاده می کند. عنصر <video> در HTML 5 سعی به نمایش یکی از ویدئوها، با فرمت های mp4 ،ogg یا webm دارد.
  • اگر نتواند، عنصر <object> را امتحان می کند. اگر این نیز جواب نداد، به عنصر <embed> برگشت داده می شود.

 

 

 

استفاده از یک hyperlink

 

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

کد زیر لینکی را به یک فایل Flash نشان می دهد.

اگر کاربری روی این لینک کلیک کند، مرورگر برای پخش فایل یک نرم افزار کمکی را فراخوانی می کند: (مثل Windows Media Player)

 


برای مشاهده اطلاعات بیشتر در مورد html5 به سایت اصلی W3SCHOOLS.COM مراجعه بفرمایید.

 

پایان آموزش بخش HTML


خلاصه نکات

بخش قبلی

به این پست امتیاز دهید.
برچسب ها
مشاهده بیشتر

رضااسدزاده

رضااسدزاده هستم مهندس نرم افزار علاقه مند به فضای وب از تاریخ 12شهریور سال96 سایت تیچ وب رو راه اندازی کردیم با هدف گسترش اطلاعات نرم افزاری و زبان های برنامه نویسی . امیدوارم با حمایت شما دوستان بتونیم به این هدف بزرگ دست پیدا کنیم.

نوشته های مشابه

دیدگاهتان را بنویسید

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

بستن