HTML Audio
المقاطع الصوتية في لغة HTML
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
HTML Audio
المقاطع الصوتية في لغة HTML
</>
HTML audio
المقاطع الصوتية في لغة HTML
عن طريق عنصر <audio> يمكن تشغيل ملفات صوتية بداخل صفحات الويب بلغة HTML.
- عن إضافة طريق خاصية 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>
صوتي
صوتيات
عنصر
سمة
تحكم
تشغيل
إيقاف مؤقت
مستوي الصوت
مصدر
داخلي
خارجي
نتيجة
تشغيل تلقائي
صامت
موقع جوجل كروم
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
