# ByteArk Firework
WARNING
ByteArk Firework ได้เข้าสู่สถาณะหยุดการพัฒนา (End of Development) และหยุดให้บริการแล้ว (End of Service)
ByteArk Player รองรับการเชื่อมต่อกับระบบ ByteArk Firework เพื่อส่งโฆษณาและคอนเทนต์ดีๆ ถึงผู้ที่กำลังรับชมการถ่ายทอดสดอยู่
# การเปิดใช้งาน ByteArk Firework Plugin
- การเปิดใช้งาน 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/TZyG96KZ1Wgx/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
2
3
4
5
6
7
8
9
10
11
12
13
14
- ระบุ subscriberUrl ที่ได้จากการเพิ่มแชนแนลใน ByteArk Firework
...
plugins: {
bytearkFirework: {
subscriberUrl: 'subscriber_url_here'
}
}
...
1
2
3
4
5
6
7
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="the-video-player"></div>
<script src="https://byteark-sdk.cdn.byteark.com/player/v2/byteark-player.min.js"></script>
<script>
var player = bytearkPlayer('the-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/TZyG96KZ1Wgx/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
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