Anonim

ديف يفعل بودكاست. أنا (ريتش) تفعل البودكاست. كلاهما مختلفان تماما عن بعضهما البعض.

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

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

الآن ، بالنسبة لأولئك غير المدركين ، يتوفر في Internet Explorer 9 و 10 و Mozilla Firefox و Google Chrome مشغلات وسائط في المتصفح لتشغيل أنواع معينة من ملفات الوسائط. في الأصل كانت تدعم التنسيقات غير التجارية فقط (مثل OGG) ، لكن في هذه الأيام تدعم MP3 ، وأفترض أنها تدعم MP4 لكنني لم أختبر ذلك حتى الآن.

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

في أحدث إصدار من البودكاست ، أعطيت مشغل المتصفح ، وهكذا اتضح:

انترنت اكسبلورر 9 و 10

لاعب IE10 هو بالتأكيد أجمل مجموعة. أزرار وأرقام كبيرة وسهلة القراءة وإلقاء نظرة عامة جيدة عليها.

يسجل IE نقاطًا إضافية على القدرة على ضبط السرعة بالنقر بزر الماوس الأيمن على اللاعب:

رائع جدا.

موزيلا فايرفوكس

لاعب Fx هو الأكثر مملًا للحفنة ، لكنه رغم ذلك وظيفي.

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

جوجل كروم

ليس بالملل تمامًا مثل لاعب Fx 21 ، وليس جميلًا مثل لاعب IE10 ، لكنه يتمتع بميزة وجود أدوات تحكم أسهل. من السهل النقر والضغط والسحب على المشغلات الأخرى حيث يمكنك النقر والسحب لشرائح التمرير المتعلقة بوضع الصوت وموضع الصوت.

كيف يمكنك استخدام مشغلات الويب هذه على موقع الويب الخاص بك؟

عن طريق استخدام علامة HTML.

توجد تعليمات كاملة هنا ، ولكن إليك الطريقة العامة للقيام بذلك عند ترميز صفحة الويب الخاصة بك.

أولاً ، يجب أن يتم تحميل ملف MP3 الخاص بك مباشرة ، ويجب أن تعرف العنوان الكامل له ، مثل http://www.your.site/audio/your-audio-file.mp3.

ثانياً ، اكتب الرمز الخاص بك مثل هذا:

عذرًا ، متصفحك لا يدعم علامة الصوت ، يرجى تحديث متصفحك

يجب عليك تضمين إشعار "آسف متصفحك غير مدعوم" للمتصفحات القديمة للجوال ومتصفح الويب مثل IE8.

ثالثا ، نشر صفحة الويب الخاصة بك.

وهذا في الأساس هو.

نعم ، يمكنك استخدام الكود في مواقع التدوين المجانية مثل WordPress.com و Blogger.com إذا أردت.

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

أين يمكن تخزين ملفاتك الصوتية MP3؟

أسهل طريقة هي تخزينها على الموقع نفسه ، ولكن إذا لم تتمكن من القيام بذلك ، يمكنك استخدام DropBox أو أي خدمة تخزين سحابية أخرى طالما أنها تسمح بالتنزيل المباشر.

على أي حال ، نعم ، تعمل المشغلات الحديثة في المتصفح بشكل جيد. في جميع المتصفحات الثلاثة ، لم تكن هناك أي مشاكل على الإطلاق ، حيث كان كل صوت MP3 متدفقًا تمامًا كما كان من المفترض.

من بين الثلاثة ، إلا أنني أحب الأفضل في IE10 لأنه يحتوي على أفضل مظهر وأفضل الميزات.

كيفية استخدام html5 لتشغيل ملفات mp3 على موقع الويب الخاص بك