ورود به اکانت شما

نام کاربری *
رمز عبور *
مرا بخاطر بسپار

ایجاد حساب کاربری

فیلد های ستاره دار را پر کنید.
نام *
نام کاربری *
رمز عبور *
تکرار رمز عبور *
ایمیل *
تکرار ایمیل *
کپچا *
بارگذاری کپچا

تگ source در HTML 5 مطلب ویژه

توسط 13 تیر, 1393 4051 0

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

sourceاز این تگ می توان برای تعیین یک یا چندین فایل به عنوان منبع جهت اجرا در تگ های صوتی و تصویری <Audio> و <Video> استفاده کرد . از این تگ معمولا برای تعیین فرمت های مختلف یک موزیک یا فیلم برای تگ های <Audio> و <Video> استفاده می شود ، تا هر مرورگر فرمتی از فایل را که پشتیبانی می کند اجرا نماید .
برای مثال سه نوع فرمت avi , swf , wmv را برای یک ویدیو واحد تعیین می کنید. سپس هر مرورگر نسخه یا فرمتی که می تواند اجرا کند را نمایش می دهد .برای مقداردهی همزمان دو فایل به تگ audio ، از تگ source استفاده می‌کنیم
همچنین برای اینکه متنی برای مرورگرهای قدیمی‌تر نمایش داده بشه، تگ source رو بین دو تگ audio قرار میدیم. یا حتی میتونیم به جای متن، از فایل‌های صوتی فلش استفاده کنیم تا اگه مرورگر قدیمی بود، آبجکت فلش رو اجرا کنه.

شکل کلی استفاده از این تگ به صورت زیر است :

 

<audio | video >
    <source 1 src =' آدرس فایل 1' type='نوع فایل 1 ' >
    <source 2 src =' آدرس فایل 2' type='نوع فایل 2 ' >
         ....
< /audio | / video >

 

انواع خاصیت های تگ < audio > :
در لیست زیر ، خواص تگ < audio > و نحوه استفاده از آنها را تشریح کرده ایم :
•    Src : این پارامتر مکان یا آدرس فایل صوتی یا تصویری  مورد نظر برای اجرا ، را تعیین می کند . را تعیین می کند .
تعیین این پارامتر ، اجباری است .

•    MIME Type : این خاصیت نوع و فرمت فایل صوتی یا تصویری را تعین می کند . برای مثال MP3 یا SWF .
تعیین این پارامتر ، اختیاری است .
این تگ در مرورگرهای گوگل کروم , موزیلا فایرفاکس , اینترنت اکسپلورر , اپرا پشتیبانی می شود .
مثال : در مثال زیر به وسیله تگ < audio > ، یک فایل صوتی را بر روی صفحه قرار داده و اجرا کرده ایم :
نکته : از تگ < source > ، نیز برای تعیین منبع چند فایل  صوتی مختلف برای تگ < audio > استفاده شده است .

 

<audio  controls='controls'>
    <source src='http://www.learning.asarayan.com/song.mp3' type='audio/mp3' />
    <source src='http://www.learning.asarayan.com/song.ogg' type='audio/ogg' />
    Your browser does not support the audio tag.
</audio>

 

این مورد را ارزیابی کنید
(0 رای‌ها)
آخرین ویرایش در سه شنبه, 03 شهریور 1394 ساعت 15:49
کلیه حقوق متعلق است به فروشگاه آسارایان. طراحی و پشتیبانی: webriz
تک وب دیزاین-قالب فارسی جوملا