# ByteArk Firework

WARNING

ByteArk Firework ได้เข้าสู่สถาณะหยุดการพัฒนา (End of Development) และหยุดให้บริการแล้ว (End of Service)

ByteArk Player รองรับการเชื่อมต่อกับระบบ ByteArk Firework เพื่อส่งโฆษณาและคอนเทนต์ดีๆ ถึงผู้ที่กำลังรับชมการถ่ายทอดสดอยู่

# การเปิดใช้งาน ByteArk Firework Plugin

  1. การเปิดใช้งาน ByteArk Firework Plugin บน ByteArk Player สามารถทำได้โดยระบุ plugins.bytearkFirework ใน options เมื่อทำการสร้าง video player โดยสามารถตั้งค่าพารามิเตอร์ต่างๆ ตามตาราง options ด้านล่าง
{
  fluid: true,
  poster: '/assets/samples/player/images/poster-big-buck-bunny.jpg',
  sources: [{
    title: 'Big Buck Bunny',
    src: 'https://byteark-playertzxedwv.stream-playlist.byteark.com/streams/TZyZheqEJUwC/playlist.m3u8',
    type: 'application/x-mpegURL'
  }],
  plugins: {
    bytearkFirework: {
      // TODO: add your options here
    }
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
  1. ระบุ subscriberUrl ที่ได้จากการเพิ่มแชนแนลใน ByteArk Firework
...
plugins: {
  bytearkFirework: {
    subscriberUrl: 'subscriber_url_here'
  }
}
...
1
2
3
4
5
6
7

# การปรับตั้งค่า options

Name Type Required Description
debug Boolean No เปิด/ปิด debug
subscriberUrl String Yes subscriberUrl ที่ได้จากการเพิ่มแชนแนลใน ByteArk Firework
allowAdReplace Boolean No ยอมให้เล่นโฆษณาตัวใหม่ ในขณะที่โฆษณาตัวปัจจุบันกำลังเล่นอยู่

# ตัวอย่างซอร์สโค้ด

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <div id="video-player"></div>
    <script src="https://byteark-sdk.cdn.byteark.com/player/v2/byteark-player.min.js"></script>
    <script>
      var player = bytearkPlayer('video-player', {
        fluid: true,
        poster: '/assets/samples/player/images/poster-big-buck-bunny.jpg',
        sources: [{
          title: 'Big Buck Bunny',
          src: 'https://byteark-playertzxedwv.stream-playlist.byteark.com/streams/TZyZheqEJUwC/playlist.m3u8',
          type: 'application/x-mpegURL'
        }],
        plugins: {
          bytearkFirework: {
            subscriberUrl: 'subscriber_url_here'
          }
        }
      });
    </script>
  </body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26