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.
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>
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.
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.