A custom element (web component) for Shaka Player, which supports both HLS and DASH streaming protocols.
The element API matches the HTML5
<video> tag, so it can be easily swapped with other media, and be compatible with other UI components that work with the video tag, including media chrome.
<html> <head> <script type="module" src="https://firstname.lastname@example.org"></script> </head> <body> <shaka-video controls src="https://stream.mux.com/DS00Spx1CV902MCtPj5WknGlR102V5HFkDe.m3u8"></shaka-video> </body> </html>
Loading into your HTML using
type="module", that's important.
Modules are always loaded asynchronously by the browser, so it's ok to load them in the head
👍, and best for registering web components quickly.
<head> <script type="module" src="https://email@example.com"></script> </head>
Adding to your app via
npm install shaka-video-element --save
This will register the custom elements with the browser so they can be used as HTML.