Skip to main content

Integrate with KKStream player on your website

  • Updated

When the live event is created, you can start to integrate with KKStream player on your website.

 

1. Click "Event list" button in the left sidebar and all the created events will be listed.

event_list.png

2. Click the event you want to integrate KKStream player with.

3. Prepare the necessary information for your HTML tag, which you can scroll down and find the HTML tag in Event links section, as the example below: 

 

<iframe src="https://player.live.kkstream.io?t=<YOUR_TOKEN>&hl=<YOUR_LOCALE>" width="640" height="360" allow="autoplay; encrypted-media" frameborder="0" allowfullscreen></iframe>

<script>
window.addEventListener('message', event => {
if (event.data.command === 'ping') {
Array.from(document.querySelectorAll('iframe')).forEach(iframe =>
iframe?.contentWindow?.postMessage({ command: 'pong' }, '*')
);
}
});
</script>

 

  • YOUR_TOKEN: You can obtain an access token via calling API. Fill the access token in <YOUR_TOKEN>, then your user can access the live event. 

 

  • YOUR_LOCALE: Select your preferred language and fill the language code (en/zh/ja) in <YOUR_LOCALE>. The following languages are supported:

Language Code

Language 

en

English ( set as the default language)

zh

Traditional Chinese

ja

Japanese 

 

  • Width value and height value: Fill in player width value and height value based on your streaming device ( default value is width="640" height="360").
  • Script: The script part is to provide the functionality of domain restriction, which examines the domain where the users are viewing from. It's both acceptable to remove or keep it when disabling the domain restriction feature. The script will automatically generate by Moment no matter whether the domain restriction is enabled or not.

4. Copy HTML tag with the filled information to your website to complete the integration with KKStream player. 

Note:

 

 

Related articles

Powered by Zendesk