كيفية إضافة الصوت إلى صفحة ويب HTML5

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

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

IMG جزء.

كيفية إضافة الصوت إلى صفحة ويب HTML5

ستحتاج إلى محرر HTML ، وملف صوت (يفضل أن يكون بتنسيق MP3) ، ومحول ملفات الصوت.

1. أولاً ، تحتاج إلى ملف صوت. من الأفضل تسجيل الملف كملف MP3 (

   .MP3) نظرًا لأن هذا الصوت به جودة صوت عالية ويدعمه معظم المتصفحات (Android 2.3+ و Chrome 6+ و IE 9+ و iOS 3+ و Safari 5+).

2. تحويل الملف الخاص بك إلى تنسيق فوربيس (

   .ogg) للإضافة في Firefox 3.6+ ودعم Opera 10.5+. يمكنك استخدام محول مثل واحد موجود على Vorbis.com. يمكنك أيضًا تحويل MP3 إلى تنسيق ملف WAV (

   الرعايا) للحصول على دعم Firefox و Opera. أوصي بنشر ملفك في جميع الأنواع الثلاثة ، فقط للأمان ، ولكن أكثر ما تحتاجه هو MP3 ونوع آخر.

3. قم بتحميل كافة الملفات الصوتية إلى خادم الويب الخاص بك وقم بتدوين الدليل الذي قمت بتخزينها به. من المستحسن وضعها في دليل فرعي فقط للملفات الصوتية ، مثل معظم المصممين حفظ الصور في

   صور دليل.

4. أضف ال

   AUDIO عنصر إلى ملف HTML الخاص بك حيث تريد أن يتم عرض عناصر التحكم في الملف الصوتي.

5. مكان

   مصدر عناصر لكل ملف صوتي تقوم بتحميله داخل

   AUDIO جزء:

6. 1. أي HTML داخل

      AUDIO عنصر سيتم استخدامه كخلفية للمتصفحات التي لا تدعم

      AUDIO جزء. لذا أضف بعض HTML. أسهل طريقة هي إضافة HTML للسماح لهم بتنزيل الملف ، ولكن يمكنك أيضًا استخدام أساليب تضمين HTML 4.01 لتشغيل الصوت. هنا هو الاحتياط البسيط:

      متصفحك لا يدعم تشغيل الصوت ، قم بتنزيل الملف: MP3 ،

   2. فوربيس، WAV

7. آخر ما عليك فعله هو إغلاق عنصر AUDIO الخاص بك:

   1. عند الانتهاء ، يجب أن يبدو HTML على النحو التالي:

   4. متصفحك لا يدعم تشغيل الصوت ، قم بتنزيل الملف:

   5. MP3،

   6. فوربيس،

   7. WAV

نصائح إضافية

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