حل لتنسيق الصوت الذي يدعمه الصوت في html5

يمكن أن تدعم علامة الصوت HTML5 تنسيقات wav وmp3 وogg وacc وwebm وتنسيقات أخرى، ولكن هناك تنسيق ملفات موسيقى مهم جدًا midi (امتداد mid) لا يحتوي على دعم مدمج في المتصفحات الرئيسية. لا تدعم جميع المتصفحات ملفات MP3 OGG وما شابه، ويدعم كل متصفح تنسيقات مختلفة بسبب مشكلات حقوق النشر.

لا توافق جميع الشركات المصنعة للمتصفح على استخدام تنسيق معين للملفات الصوتية. بالنسبة للصور، سيتم تحميل الملفات بتنسيق PNG أو JPEG أو GIF إلى صفحتك على أي متصفح. لسوء الحظ، هذا ليس هو الحال مع الملفات الصوتية. يوضح الجدول 1 تنسيقات الملفات الصوتية التي يمكن استخدامها في صفحات الويب، ولكن ليست كل التنسيقات متوفرة في جميع المتصفحات. على سبيل المثال، لا تدعم متصفحات Chrome وInternet Explorer 9 (IE9) وSafari ملفات WAV، وهو معيار متراجع يستخدم تنسيقًا غير مضغوط.

عدم وجود تنسيق ملف مشترك يستخدمه كل متصفح يعني أن 2/5 متصفحات على الأقل لن تتمكن من تشغيل أصوات معينة. لا يتعلق الأمر بتعنت صانعي المتصفحات وعدم قدرتهم على الاتفاق على معيار صوتي واحد، بل يتعلق الأمر بمسألة قانونية ومالية تتضمن حقوق براءات الاختراع والإتاوات. يهدف تنسيق OGG، الذي لا يقتصر على براءات اختراع البرمجيات، إلى حل هذه المشكلة مرة واحدة وإلى الأبد. ومع ذلك، في وقت كتابة هذا التقرير، لم يكن Opera أو Safari يدعمان OGG. هناك ملفات WAV وMP3 متاحة أكثر من الملفات بتنسيق OGG، لذلك لا شك أن الشركات المصنعة للمتصفح قد أخذت هذا الأمر في الاعتبار. يعد MP3 باعتباره المعيار الفعلي حلاً رائعًا.

نظرًا للوضع الحالي للأمور، قد تعتقد أن الوقت لم يحن بعد لاستخدام الصوت في صفحات HTML5. قد يكون هذا صحيحًا في بعض النواحي، لكن HTML5 يوفر حلاً يمكّن متصفحك المفضل من العثور على تنسيق متوافق.

عند استخدامها مع العلامة <audio>، يمكن دمج العلامة <source> داخل حاوية <audio>. لنفترض أنك من محبي Wagner وترغب في الاستماع إلى أوبرا Ride of the Valkyries على صفحة HTML5. أولاً، تحتاج إلى الحصول على الموسيقى بثلاثة أنواع من الملفات، وهي OGG وMP3 وWAV. ضع ملفات الموسيقى هذه في نفس المجلد مثل ملفات HTML5. بعد ذلك، ضع اسم كل ملف في علامة <source> منفصلة، ​​وتتكون جميع علامات المصدر في حاوية الصوت من <audio></audio>، كما هو موضح أدناه.

 <عناصر التحكم في الصوت> <المصدر src=http://demo.mimvp.com/html5/take_you_fly.ogg /> <المصدر src=http://demo.mimvp.com/html5/take_you_fly.mp3″ /> <المصدر src =http://demo.mimvp.com/html5/take_you_fly.wav /></audio>

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

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