مشغل قنوات التلفزيون على الانترنت

السلام عليكم ممكن كود لتشغيل قنوات البثوث المباشرة على الانترنت ؟
مثلا اريد تشغيل هذا الرابط
https://mbc1-enc.edgenextcdn.net/out/v1/0965e4d7deae49179172426cbfb3bc5e/index.m3u8
مثل هذا الموقع تماما عنده مشغلات فيديو تدعم هذا النوع من الروابط
https://www.elahmad.com/tv/radiant.php?id=mbc1_tv_1
ياريت كود المشغل اللي رح يتم اعطائي اياه يكون يعمل في المواضيع ولكم جزيل الشكر

وعليكم السلام
جرب
اصف الكود التالي في التشكيلات العامه

الكود:: <!DOCTYPE html>
<html lang="ar">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>البث المباشر</title>
   <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
</head>
<body>

   <h1>مشغل البث المباشر</h1>
   <video id="video" controls width="600"></video>

   <script>
   var video = document.getElementById('video');
   var videoSrc = 'https://mbc1-enc.edgenextcdn.net/out/v1/0965e4d7deae49179172426cbfb3bc5e/index.m3u8';

   if (Hls.isSupported()) {
   var hls = new Hls();
   hls.loadSource(videoSrc);
   hls.attachMedia(video);
   hls.on(Hls.Events.MANIFEST_PARSED, function () {
   video.play();
   });
   } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
   video.src = videoSrc;
   video.addEventListener('loadedmetadata', function () {
   video.play();
   });
   }
   </script>

</body>
</html>

جربته على رابط البث المباشر التالي ولم يعمل ( مع العلم ان القناة رابطها شغال وجربت افتحه في تطبيق VLC ومتصفح الهاتف اشتغل لكن على الويندز لا يعمل ! ربما المشغل لايدعم صيغة الملف ؟
https://vo-live.cdb.cdn.orange.com/Content/Channel/MajidChildrenChannel/HLS/index.m3u8
رابط البث المباشر في موقع الاحمد
https://www.elahmad.com/tv/mobiletv/glarb.php?id=majid_tv
الكود المستخدم

الكود:: <meta charset="UTF-8" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <title>البث المباشر</title> <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<h1>
مشغل البث المباشر
</h1>
<video style="width: 600px;" controls="" id="video"></video> <script>
var video = document.getElementById('video');
var videoSrc = 'https://vo-live.cdb.cdn.orange.com/Content/Channel/MajidChildrenChannel/HLS/index.m3u8';

if (Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(videoSrc);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED, function () {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = videoSrc;
video.addEventListener('loadedmetadata', function () {
video.play();
});
}
</script>

تمام انا فهمت الآن ليش ما اشتغل الرابط على الكمبيوتر جربت احمل الاضافة التالية واشغل الفيديو واشتغل فعلا
https://chromewebstore.google.com/detail/oui9-hls-player-m3u8/pkckbkheblnpnlnmkldeikhkfddhnkah
بس هم في موقع الاحمد مستخدمين مشغل فيديوهات لايحتاج لهذه الاضافة !

اهلا
إذا لم ينجح ، يمكنك محاولة استخدام IFrame لتضمين الفيديو. هذا مثال:

الكود:: <iframe style="width: 100%; height: 500px;" allowfullscreen="" frameborder="0" src="https://www.elahmad.com/tv/mobiletv/glarb.php?id=majid_tv"></iframe>

يمكنك وضعه بالتشكلات العامه

اشتغل البث المباشر عندي بدون اي اضافات

كونان2000 كتب:

اهلا
إذا لم ينجح ، يمكنك محاولة استخدام IFrame لتضمين الفيديو. هذا مثال:

الكود:: <iframe style="width: 100%; height: 500px;" allowfullscreen="" frameborder="0" src="https://www.elahmad.com/tv/mobiletv/glarb.php?id=majid_tv"></iframe>

يمكنك وضعه بالتشكلات العامه

اشتغل البث المباشر عندي بدون اي اضافات

شكرا اخي كونان لكن هل يمكنك جعله لايعمل بشكل تلقائي؟

المبدع الخبير كتب:: شكرا اخي كونان لكن هل يمكنك جعله لايعمل بشكل تلقائي؟

اهلا
جرب التالي
يشتغل الفيديو بعد الضغط عليه

الكود:: <div style="position: relative; width: 100%; height: 500px;">

<button id="playButton" style="z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: white;">
   تشغيل الفيديو
</button>
<iframe id="videoFrame" style="width: 100%; height: 100%; display: none;" allowfullscreen="" frameborder="0" src="https://www.elahmad.com/tv/mobiletv/glarb.php?id=majid_tv"></iframe>
</div>
<script>
   document.getElementById('playButton').onclick = function() {
   this.style.display = 'none'; // إخفاء الزر
   document.getElementById('videoFrame').style.display = 'block'; // عرض الـ iframe
   };
</script>

مشكور اخوي تم الحل

المبدع الخبير كتب:: مشكور اخوي تم الحل

موفق إن شاء الله

> من هنا لمراسلة الإدارة لوضع مواضيع الشروحات الجديدة و الأكواد للدراسة <
>> من هنا لمراسلة الإدارة بشكايات بخلاف طلبات كلمة السر او الشروحات <<

> لمراسلة الإدارة لطلب كلمة سر جديدة لمنتداك <

» طلب كود قنوات
» اريد كود مشغل الريال بلير للمنتدي
» محتاج كود وضع مشغل الفيديو JWPLAYER 6
» اضافة مشغل موسيقى للمواضيع ,,
» اقتراح ان تضعوا لنا مشغل الفلاش

صفحة 1 من اصل 1