29- كورس HTML للمبتدئين – إضافة الصوت Audio داخل الصفحة في HTML

إضافة الصوت Audio داخل الصفحة في HTML

إضافة الصوت إلى صفحات الويب عبر HTML تعتبر من الميزات الرائعة التي تضيف تفاعلية وتجربة مستخدم غنية. من خلال عنصر `

لاستخدام عنصر `

مثال:
```html



    
    
    <title>إضافة الصوت في HTML</title>


    <h1>تضمين ملف صوتي في صفحة ويب</h1>
    <audio controls>
        
        
        متصفحك لا يدعم عنصر الصوت.
    </audio>


```

خصائص عنصر الصوت في HTML

عند إضافة عنصر الصوت باستخدام HTML، يمكنك تخصيص خصائصه ليتناسب مع احتياجاتك. بعض الخصائص الشائعة الاستخدام تشمل:

1. **controls**: تعرض عناصر التحكم في التشغيل مثل زر التشغيل/الإيقاف المؤقت وشريط التقدم.
2. **autoplay**: تجعل الصوت يبدأ بالتشغيل تلقائيًا عند تحميل الصفحة.
3. **loop**: تعيد تشغيل الصوت بشكل متكرر بعد الانتهاء.
4. **muted**: تبدأ تشغيل الصوت وهو مكتوم.

إليك مثال آخر يوضح كيفية استخدام بعض هذه الخصائص في عنصر `

مثال:
```html



    
    
    <title>خصائص الصوت في HTML</title>


    <h1>استخدام خصائص الصوت في HTML</h1>
    <audio controls autoplay loop muted>
        
        
        متصفحك لا يدعم عنصر الصوت.
    </audio>


```

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