كيفية إنشاء مشغل راديو مباشر لموقعك

اليوم سأوضح لك كيفية إنشاء مشغل راديو مباشر بـ HTML5 لموقع إلكتروني. يمكنك استخدام HTML5 مع JavaScript لتشغيل بث الراديو.

 كيفية إنشاء أداة مشغل راديو مباشر

إليك مثال أساسي لتبدأ:

HTML:

 أنشئ هيكل مشغلك في ملف HTML الخاص بك.
JavaScript:

 أضف وظائف لتشغيل بث الراديو.

CSS: 

صمم المشغل ليتناسب مع تصميم موقعك الإلكتروني

مثال بسيط:

HTML:


<div id="radio-player"> <audio controls id="radio-stream"> <source src="http://your-radio-stream-url" type="audio/mpeg"> متصفحك لا يدعم عنصر الصوت. </audio> </div>


JavaScript: // يمكنك استخدام طرق play() و pause() لعنصر الصوت للتحكم في التشغيل var audio = document.getElementById('radio-stream'); audio.play();



CSS: #radio-player { /* أضف أنماطك هنا */ }


تأكد من استبدال "http://your-radio-stream-url" بعنوان URL الفعلي لبث الراديو الخاص بك.


ملاحظة:

قد تحتاج إلى تعديل الأنماط والوظائف بناءً على متطلباتك وتصميمك المحدد.

راديو Party Vibe Live

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

تشتهر المحطة باختيارها الحيوي والنشيط للموسيقى، ملبيةً احتياجات المستمعين الذين يستمتعون بموسيقى الرقص الإلكترونية.

من المحتمل أن يوفر موقع Party Vibe Radio منصة للمستمعين للاستماع إلى المحطة الإذاعية، اكتشاف موسيقى جديدة، والتفاعل مع مجتمع الموسيقى الإلكترونية.

هل من الآمن تضمين كود HTML5 من PartyVibeRadio؟

يجب أن يكون كود الراديو المباشر بـ HTML5 من Party Vibe Radio آمناً طالما أنك تثق في المصدر. دائماً ما يكون من الجيد مراجعة الكود الذي تقوم بتضمينه للتأكد من أنه شرعي ولا يحتوي على أي محتوى ضار.

لكن إذا كنت غير متأكد، يمكنك الاتصال بفريق دعم Party Vibe Radio للحصول على توضيحات أو استخدام أدوات الأمان لتحليل الكود قبل تضمينه في موقعك.

كود السكربت لجعل مشغل الراديو يعمل.

<audio src="https://www.partyvibe.com:8060/;listen.pls?sid=1" autoplay="true" controls="true"><audio>


الخيارات المتاحة.

autoplay:

تحدد ما إذا كان مشغل الراديو يجب أن يبدأ في تشغيل الصوت على الفور أو الانتظار حتى يتم الضغط على زر التشغيل، الخيارات المتاحة تشمل autoplay="true" و autoplay="false".


controls:

تحدد ما إذا كانت أزرار التحكم يجب أن تكون متاحة على واجهة المستخدم لمشغل الراديو، الخيارات المتاحة تشمل controls="true" و controls="false".

muted:

تحدد ما إذا كان يجب كتم الصوت عند الإطلاق أم لا، الخيارات المتاحة تشمل muted="true" و muted="false".

volume:

مستوى الصوت الذي يجب أن يبدأ به التشغيل عند الإطلاق في النطاق من 0.0 (صامت) إلى 1.0 (الأعلى)، على سبيل المثال volume="1.0".

قم بتغيير أرقام المنافذ التالية وفقاً للقناة الإذاعية التي ترغب أن يستخدمها مشغل الراديو HTML.