دو تگ مهم در ضمینه چندرسانه ای در HTML5
با سلام و خسته نباشید خدمت اساتید محترم
بابت تاخیری که در ارسال مطالب آموزشی توسط بنده پیش آمد واقعا عذر خواهم...
بدون معطلی بریم سر اصل مطلب
البته دیدم با سرعتی که من دارم CSS میگم درست نیست از HTML عقب بمونیم
در HTML5 برای اینکه ما در صفحاتمون از فیلم و صدا بتونیم استفاده کنیم 2 تا تگ کاملا اختصاصی در نظر گرفته شده که یکی یکی توضیح میدم:

تگ اول تگ <audio> هست که همونطور از اسمش پیداست برای فایل های صوتی به کار میرود. که از نظر پشتیبانی مرورگرها از فرمت های صوتی ، به شرح تصویر زیر است: (اگر تصویر کوچک است ، روی آن کلیک کنید)
[تصویر:  eb9325_142014-05-25-023604.png]

و همینطور از لحاظ پشتیبانی مرورگر ها به شرح تصویر زیر است:
[تصویر:  98dc25_142014-05-25-024140.png]

و شکل کلی آن نیز به شکل زیر است :
<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

لطفا در استفاده از تگ audio به قسمت type توجه کنید که برای هر فرمتی چگونه تعریف شده است.


تگ <video> : از تگ video برای فایل های تصویری استفاده می شود که نیازی به توضیح نمیبینم . توجه داشته باشید فرمت های مورد پشتیبانی به شرح تصویر زیر است :
[تصویر:  060d25_142014-05-25-025356.png]

 و از نظر پشتیبانی مرورگر به شرح زیر می باشد:
[تصویر:  7d9925_142014-05-25-025655.png]

و در آخر هم شکل کلی این تگ بصورت زیر است :
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

لطفا در استفاده از تگ video به قسمت type توجه کنید که برای هر فرمتی چگونه تعریف شده است.

انشاالله در همین تاپیک این تگ ویدئو و اتریبیوت هایی که داره رو بهش می پردازم که به دردتون بخوره.

 در پناه حق پیروز و سربلند باشید
نویسنده :

X
عدم نمایش کاربران آنلاین به مهمان ها در لیست کاربران آنلاین
در آموزش های قبلی گفتیم که اگر میخواهید آمار انجمنتون رو مخفی کنید ، میتونید از پلاگین PHP in Templa ...
آموزش 1.6
دیدگاه های کاربران 0

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :