‎‎رسانه صوتيHTML Audio -‎

Previous >    <Next  

‎‎عنصرHTML ‎<audio>‎ براي پخش فايلهاي صوتي در صفحات وب استفاده ميشود .

‎‎عنصر صوتيThe HTML <audio> Element -‎

‎‎براي پخش يك فايل صوتي درHTML از عنصر‎<audio>‎ استفاده ميشود.

‎‎مثال ـ پخش فايل صوتي

‎ 
 <audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

--(go to editor for change code and run)

‎HTML Audio -‎ How it Works‎

‎‎عنصر صوتيHTML چگونه كارميكند

‎ويژگي‎control‎ مربوط به عنصرصوتي باعث ميشود كه كنترل هايplay,pause و volume‎به عنصر صوتي اضافه شود .

‎عنصر‎<source>‎ باعث ميشود كه بتوانيد براي عنصرصوتي فايلهاي ديگري را ‎مشخص نمائيد .مرورگر دربين آنها اولين مورد كه قابل قبولش باشد، براي پخش انتخاب مي نمايد. ‎معمولا اين فايلها از نظرصوت يكسانند اما ازنظر پسوند يا نوع فايل متفاوتند.

‎متن بين‎<audio>‎ و ‎</audio>‎ فقط هنگاميكه مرورگر نتواند ‎انتخاب داشته باشد،نمايش داده ميشود.

‎‎پخش خودكارHTML <audio> Autoplay -‎

‎براي شروع خودكار پخش يك فايل صوتي ، بايد ازويژگي‎autoplay‎ در عنصر صوتي ‎استفاده نمود.

‎‎مثال ـ پخش خودكار يك فايل صوتي

‎ 
<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

--(go to editor for change code and run)

‎

‎نكته ـ مرورگرChromium اجازه يخش خود كار را در بيشتر حالات نميدهد، اما بصورت خاموش يا muted‎وخودكار اجازه ميدهد .

‎اگر‎muted‎ بعد از‎autoplay‎ اضافه شود، پخش خودكار اما خاموش ‎ياmuted خواهد بود .

‎‎مثال ـ يخش خودكار خاموش

‎ 
<audio controls autoplay muted>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

--(go to editor for change code and run)

‎‎پشتيباني مرورگرBrowser support -‎

‎اعداد در جدول زير نشان دهنده اولين نسخه مرورگر كه بطوركامل‎<audio>‎ را ‎پشتيباني مي نمايد.

‎
‎‎عنصر ‎Chrome‎ ‎Edge‎ ‎Firefox‎ ‎Safari‎ ‎Opera‎
‎<audio>‎‎ ‎‎4.0‎ ‎‎9.0‎ ‎‎3.5‎ ‎‎4.0‎ ‎‎10.5‎

‎‎فرمت هاي صوتيHTML Audio Formats -‎

‎سه فرمت صوتي قابل پشتيباني وجود دارد، عبارتندازMP3,WAV و OGG مرورگرها مطابق جدول زير . ‎آنهارا پشتيباني ميكنند.

Browser MP3 WAV OGG
Edge/IE YES YES* YES*
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

* from Edge 79

‎HTML Audio -‎ Media Types‎

‎‎انواع رسانه با فايل صوتي

‎‎در جدول زير فرمت فايل صوتي با نوع رسانه مشخص شده است.

File Format Media Type
MP3 audio/mpeg
OGG audio/ogg
WAV audio/wav

‎HTML Audio -‎ Methods,Properties, and Events‎

‎‎عنصر صوتي و ويژگي ها، متدها و رويدادها

‎باHTML DOM ميتوان براي عنصر صوتي ويژگي، متد ورويداد تعريف نمود .براي اينكار از ‎جاوااسكريپت كمك گرفته ميشود.

‎اين امكان را ميتوان ايجادكرد كه ،فايل هاي صوتي را بارگيري، پخش و توقف داد .همچنين مدت زمان ‎وميزان صدا راتنظيم نمود.

‎‎همچنين رويدادهائي وجود دارند كه ميتوانند ، پخش صدا، توقف موقت وغيره را اطلاع دهند.

‎اين مورد در بخش قبلي موضوع ويدئو با ذكرمثال بيان گرديد .كه بخشي از آن براي موضوع عنصر ‎صوتي مصداق دارد.

Previous >    <Next