วิธีนำลิงก์สตรีม (.m3u8) ไปติด Video Player บนหน้าเว็บไซต์อย่างง่ายดาย

ติดตัวเล่นวิดีโอบอลสดบนหน้าเว็บเสร็จได้ภายในไม่กี่บรรทัด

เมื่อคุณเช่า API บอลสด แพ็กเกจครบวงจรกับ APIBALLSOD.COM ลิงก์สัญญาณภาพสดที่ได้รับจากฟิลด์ stream_url จะอยู่ในรูปแบบมาตรฐาน HLS (.m3u8) ซึ่งรองรับการทำงานร่วมกับตัวเล่นวิดีโอบนเว็บไซต์ชั้นนำทุกรูปแบบ เช่น Hls.js, Video.js, Plyr หรือ JWPlayer โดยไม่ต้องติดตั้งปลั๊กอินเสริมบนเบราว์เซอร์ของผู้ชม

ด้านล่างนี้คือตัวอย่างโค้ดมาตรฐานสำหรับฝังตัวเล่น Hls.js ที่ปรับจูนค่า Buffer ให้เหมาะสมกับการถ่ายทอดสดกีฬา ช่วยให้ภาพคมชัดระดับ HD และเล่นได้อย่างต่อเนื่องแม้ผู้ชมเปิดผ่านเครือข่ายมือถือ 4G/5G

<video id="liveMatchPlayer" controls autoplay playsinline style="width:100%;aspect-ratio:16/9;background:#0f1420;"></video>
<script src="https://cdn.jsdelivr.net/npm/hls.js@1"></script>
<script>
  const videoElement = document.getElementById('liveMatchPlayer');
  const streamUrl = 'https://apiballsod.com/api/stream/994821/playlist.m3u8?key=YOUR_API_KEY';

  if (Hls.isSupported()) {
    const hls = new Hls({
      maxBufferLength: 60,
      liveSyncDurationCount: 3
    });
    hls.loadSource(streamUrl);
    hls.attachMedia(videoElement);
  } else if (videoElement.canPlayType('application/vnd.apple.mpegurl')) {
    // รองรับ iPhone / iPad (Safari Native HLS) อัตโนมัติ
    videoElement.src = streamUrl;
  }
</script>

การแนบพารามิเตอร์ ?key=YOUR_API_KEY ร่วมกับการผูกโดเมนเว็บไซต์

เพื่อให้ตัวเล่นวิดีโอบนทุกเบราว์เซอร์รวมถึง Safari บน iOS สามารถโหลดไฟล์ Playlist และ Segment วิดีโอได้อย่างราบรื่น ลูกค้าสามารถแนบพารามิเตอร์ ?key=YOUR_API_KEY ไว้ท้าย URL ของสตรีมได้ทันที โดยระบบของ APIBALLSOD.COM จะตรวจสอบคู่กับ Origin / Referer ของโดเมนเว็บไซต์ที่คุณแจ้งผูกไว้โดยอัตโนมัติ

สถาปัตยกรรมนี้ช่วยให้เจ้าของเว็บไซต์มั่นใจได้ว่า ลิงก์สตรีมจะทำงานเฉพาะบนโดเมนของคุณเท่านั้น ป้องกันเว็บอื่นคัดลอกลิงก์ไปฝังต่อได้อย่างเด็ดขาด