<shaka-video>
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.
Example
<html>
<head>
<script type="module" src="https://unpkg.com/[email protected]"></script>
</head>
<body>
<shaka-video controls src="https://stream.mux.com/DS00Spx1CV902MCtPj5WknGlR102V5HFkDe.m3u8"></shaka-video>
</body>
</html>
Installing
<shaka-video> is packaged as a javascript module (es6) only, which is supported by all evergreen browsers and Node v12+.
Loading into your HTML using <script>
Note the 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://unpkg.com/[email protected]"></script>
</head>
Adding to your app via npm
npm install shaka-video-element --save
Include in your app javascript (e.g. src/App.js)
import 'shaka-video-element';
This will register the custom elements with the browser so they can be used as HTML.
5 Jul 11, 2022
1 Feb 10, 2022
3 Jul 27, 2022
23 Nov 13, 2022
5 Feb 3, 2022
1 Feb 8, 2022
3.9k Jan 2, 2023
742 Jan 4, 2023
1.9k Dec 30, 2022