HTML audio Tag

HTML audio Tag – يستخدم الوسم <audio> لتضمين محتوى صوتي في مستند HTML دون الحاجة إلى أي مكون إضافي مثل Flash player.

HTML audio Tag

مثال للتوضيح

شغل إيدك

إستخدام الوسم <audio> لتحديد مقطع صوت مع الوسم <source> لتحديد مصادر الصوت المختلفة:

<audio class="text-left" controls="controls">
  <source src="crash.mp3" type="audio/ogg">
  <source src="crash.mp3" type="audio/mpeg">
  Your browser doesn't support Audio tag!
</audio>

ملاحظات – HTML <audio> Tag

يحتوي الوسم <audio> على وسم أو أكثر من <source> لتحديد مصادر الفيديو المختلفة، سيختار المتصفح المصدر الأول الذي يدعمه.
نستخدم سمة src لتحديد مسار الصوت الذى سيتم عرضه. (جميع السمات فى الجدول بالأسفل).
يظهر المحتوى الموجود داخل وسمى الفتح والإغلاق <audio> </audio> كبديل في المتصفحات التي لا تدعم العنصر، بخلاف ذلك لن يتم عرض هذا المحتوى.
هناك ثلاثة تنسيقات للصوت مدعومين فى HTML، وهم: MP3 و WAV (غير مدعوم فى متصفح Edge / IE)، و OGG (غير مدعوم فى متصفح Safari و Edge / IE).

السمات المحددة – Specific Attributes

يدعم الوسم <audio> هذه السمات:

السمة	القيمة	الوصف
autoplay	autoplay	يحدد أن الصوت سيبدأ التشغيل تلقائيًا بمجرد أن يصبح جاهزًا.
controls	controls	يحدد أنه يجب عرض عناصر التحكم في الصوت (مثل التشغيل / الإيقاف المؤقت ، ومستوى الصوت، إلخ)
src	URL	يحدد عنوان URL لملف الصوت.
loop	loop	يحدد أن في كل مرة ينتهي الصوت سيبدأ مره أخرى من جديد.
muted	muted	يحدد أنه يجب كتم إخراج الصوت.
preload	auto metadata none	يوفر تلميحًا للمتصفح حول تنزيل الصوت نفسه أو بيانات التعريف الخاصة به.