HTML

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

سوف تتعلم في هذا الدرس كيفية عرض المقاطع الصوتية داخل صفحة HTML، عن طريق استخدام عنصر <audio> كما ستتعرف أيضاً على جميع الخصائص التي تُكتب بداخله.

التاريخ

29 يناير 2020

الدروس

48

المستوى

مبتدئ

اللغة

عربي

المشاهدات

3055

المواضيع

12
الشروحات chevron_left HTML Audio chevron_left 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>
لا يسمح متصفح Google Chrome بتشغيل الملف الصوتي بشكل تلقائيفي صفحة الويب إلا بعد كتم صوته عن طريق استخدام خاصية muted.
مصطلحات الدرس
Audio
Audio

صوتي

Sounds
Sounds

صوتيات

Element
Element

عنصر

Controls
Controls

تحكم

Play
Play

تشغيل

Pause
Pause

إيقاف مؤقت

Volume
Volume

مستوي الصوت

Source
Source

مصدر

Internal
Internal

داخلي

External
External

خارجي

Result
Result

نتيجة

Autoplay
Autoplay

تشغيل تلقائي

Muted
Muted

صامت

Google Chrome
Google Chrome

موقع جوجل كروم

اختصارات الدرس
HTML
HTML

Hypertext Markup Language

لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت
Src
Src

source

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

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.