Skip to content

Latest commit

 

History

History

player

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 

Player Package

This package is a video player component used to watch and play the media streaming formats such as DASH and HLS. It is called Inlive Player and available to use as a web component. Inlive Player was built on top of Shaka Player library.

Usage

On the client side, you can import the player from the @inlivedev/inlive-js-sdk NPM package or import it directly through CDN links available.

Option 1: Import from Inlive JavaSscript SDK NPM package

import '@inlivedev/inlive-js-sdk/dist/player.js'

Option 2: Import from CDN links available

import 'https://cdn.jsdelivr.net/npm/@inlivedev/inlive-js-sdk/dist/player.js'

Alternatively using the script tag.

<script type="module" src="https://cdn.jsdelivr.net/npm/@inlivedev/inlive-js-sdk/dist/player.js"></script>

The player will be imported to the browser as a web component. After you have imported the player. You can use it in your HTML view or client-side component of your choice like this.

<inlive-player src="/manifest.mpd" autoplay muted playsinline></inlive-player>

Example

<inlive-player src="/manifest.mpd" autoplay muted playsinline></inlive-player>

<script type="module" src="https://cdn.jsdelivr.net/npm/@inlivedev/inlive-js-sdk/dist/player.js"></script>

Live Streaming Analytics

When you play the stream using the Inlive Player, the user streaming experience will be monitored and the player will capture important video metrics data which will be useful for analytics metrics for your live streaming. The analytics result will be displayed at live stream page of Inlive Studio website.

Can I use another player?

Yes, in order to play and watch the DASH and HLS streaming formats, you need a player that supports playing the DASH and HLS media formats. If you have another player in mind you can use it to play and watch the live streaming. However, unlike Inlive Player, other players don't monitor the user streaming experience. So, you will have missing analytics data on your live stream page in the Inlive Studio.