كيفية إضافة رمز موسيقى HTML الخلفية

click fraud protection
...

أضف موسيقى خلفية إلى موقع الويب الخاص بك ليستمتع بها المستخدمون أثناء تصفحهم.

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

الخطوة 1

أضف الكود التالي في أي مكان في نص مستند HTML لتضمين ملف موسيقى وتشغيله تلقائيًا عندما يتصفح زائر موقعك على الويب.

فيديو اليوم

قم بتغيير السمة "src" بحيث تحتوي على مسار واسم ملف الموسيقى الذي تريد تضمينه.

الخطوة 2

أضف السمة "loop" إذا كنت تريد تشغيل ملف الموسيقى مرارًا وتكرارًا:

الخطوه 3

استخدم علامات "مصدر" متعددة بدلاً من السمة "src" لعلامة "audio" إذا كنت تريد أن تقدم لمتصفح المستخدم مجموعة من تنسيقات الملفات المتعددة:

في هذا المثال ، سيقرر متصفح المستخدم ما إذا كان سيتم تشغيل ملف MP3 أو ملف OGG. يمكن أن تكون هذه التقنية مفيدة لاستهداف الأجهزة المحمولة التي يمكنها تشغيل تنسيقات صوتية معينة فقط.

الخطوة 4

ضع علامة "التضمين" ضمن علامة "الصوت" لتوفير الدعم للمتصفحات القديمة التي تفتقر إلى دعم HTML5. لاحظ أنه تم إيقاف استخدام علامة "التضمين" (مما يعني أنه لم يعد مطلوبًا رسميًا أن يكون كذلك مدعوم) ، لذلك جرب هذه التقنية فقط إذا كنت تشك في أن المستخدمين سيستخدمون ويب قديمًا المتصفحات. هنا مثال:

نصيحة

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