عن إضافة طريق خاصية controls attribute إلى عنصر <audio> يظهر شريط أدوات خاص بالمقطع الصوتي للتحكم بتشغيله وإيقافه، وكتم أو تشغيل صوته.
عن طريق عنصر <source> بداخل عنصر <audio> يمكننا تحديد مسار الملف الصوتي.
تستخدم خاصية src بداخل عنصر <source> لكتابة مسار الملف الصوتي.
النص الموجود داخل عنصر <audio> يظهر فقط على المتصفحات التي لا تدعم عنصر <audio>.
امتداد ملفات الصوت المسموح بها في صفحة الويب بلغة HTML هي: MP3, OGG, WAV.

جربها بنفسك

HTML audio

يُستخدم عنصر <audio> لعرض ملفات صوتية داخل صفحة الويب.

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

جربها بنفسك

</> HTML audio autoplay
خاصية autoplay مع عنصر HTML audio

تُستخدم خاصية autoplay attribute لتشغيل الملف الصوتي تلقائياً عند فتح صفحة الويب، ولكن قد تكون طريقة مزعجة لمستخدمي صفحات الويب.

جربها بنفسك

HTML audio autoplay

لا تعمل خاصية التشغيل التلقائي للملف الصوتي في المتصفحات إلا بعد استخدام خاصية muted لكتم صوت المقطع الصوتي لضمان عدم ازعاج الزوار.

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

جربها بنفسك

</> HTML audio muted
خاصية muted مع عنصر HTML audio

تُستخدم خاصية muted مع عنصر HTML audio لعمل كتم للصوت عند استخدام خاصية autoplay التشغيل التلقائي للمقطع الصوتي عند تحميل صفحة الويب، وذلك حتى لا يتم إزعاج مستخدمي صفحات الويب.

جربها بنفسك

HTML audio muted

لا يمكن تشغيل المقطع الصوتي بشكل تلقائي إلا بعد كتم الصوت عن طريق استخدام خاصية muted.

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

جربها بنفسك

لا يسمح متصفح Google Chrome بتشغيل الملف الصوتي بشكل تلقائيفي صفحة الويب إلا بعد كتم صوته عن طريق استخدام خاصية muted.

معلومات تهمك

لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.

عدد المشاركات

التالى

CLOSETAG

منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.

HTML Audio
المقاطع الصوتية في لغة HTML

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات HTML Audio HTML