<audio>: عنصر AUDIO
آخر تحديث: 2026-10-13
<audio>عنصر AUDIO
يضم مشغلًا صوتيًا؛ غالبًا ما يُقرن بـ source لتنسيقات متعددة لضمان التوافق.
| الفئة | الروابط والوسائط |
|---|---|
| نموذج المحتوى | محتوى مضمّن |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </audio> وسم |
| الحالة | قياسي |
📝 البنية
<audio controls>محتوى صوتي</audio>⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
src | Audio file URL (for a single source; use source for multiple). | |
controls | Shows play/pause, volume and other controls. | |
autoplay | Starts playing on load (usually needs muted). | |
loop | Replays from the start when finished. | |
muted | Starts muted by default. | |
preload | Preload hint: none/metadata/auto. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <audio> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： أضف controls لإظهار واجهة التشغيل؛ التشغيل التلقائي يحتاج عادةً إلى muted ليعمل (سياسة المتصفح).
❓ الأسئلة الشائعة
Qكيف يجعل audio متوافقًا مع عدة صيغ تلقائيًا؟
Aضع أكثر من
<source> ويلتقط المتصفح أول ما يستطيع تشغيله بالترتيب: <source src='a.ogg'><source src='a.mp3'>. يُنصح بتوفير mp3 على الأقل (الأوسع توافقًا) مع ogg/opus (صيغة مفتوحة)، وعند فشل الكل يظهر النص الاحتياطي داخل الوسم.Qلماذا لا يعمل autoplay في audio غالبًا؟
Aللمتصفحات سياسة تشغيل تلقائي: الوسائط المصدرة للصوت تشترط تفاعل المستخدم مع الصفحة أولًا وإلا اعتُرضت. الحلول الممكنة: التشغيل التلقائي الصامت (
autoplay muted) يمر حتمًا؛ أو الاستماع لأول حدث تفاعل ثم استدعاء audio.play().Qما الذي يمكن كتابته داخل وسم audio؟
Aعناصر source أبناء + محتوى احتياطي:
<audio controls><source src='a.mp3'>متصفحك لا يدعم تشغيل الصوت.</audio>. يظهر النص الاحتياطي في البيئات التي لا تدعم audio، ونادرًا ما يراه مستخدمو المتصفحات الحديثة، لكن إبقاؤه عادة جيدة.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
