mirror of
https://github.com/cupcakearmy/livestream.git
synced 2024-12-22 16:16:28 +00:00
63 lines
1.7 KiB
HTML
63 lines
1.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<script src="/shaka.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<video id="video" width="600" poster="//shaka-player-demo.appspot.com/assets/poster.jpg" autoplay></video>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var manifestUri =
|
||
|
|
'/dash/live.mpd';
|
||
|
|
// '/hls/live.m3u8';
|
||
|
|
|
||
|
|
function initApp() {
|
||
|
|
// Install built-in polyfills to patch browser incompatibilities.
|
||
|
|
shaka.polyfill.installAll();
|
||
|
|
|
||
|
|
// Check to see if the browser supports the basic APIs Shaka needs.
|
||
|
|
if (shaka.Player.isBrowserSupported()) {
|
||
|
|
// Everything looks good!
|
||
|
|
initPlayer();
|
||
|
|
} else {
|
||
|
|
// This browser does not have the minimum set of APIs we need.
|
||
|
|
console.error('Browser not supported!');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function initPlayer() {
|
||
|
|
// Create a Player instance.
|
||
|
|
var video = document.getElementById('video');
|
||
|
|
var player = new shaka.Player(video);
|
||
|
|
|
||
|
|
// Attach player to the window to make it easy to access in the JS console.
|
||
|
|
window.player = player;
|
||
|
|
|
||
|
|
// Listen for error events.
|
||
|
|
player.addEventListener('error', onErrorEvent);
|
||
|
|
|
||
|
|
// Try to load a manifest.
|
||
|
|
// This is an asynchronous process.
|
||
|
|
player.load(manifestUri).then(function () {
|
||
|
|
// This runs if the asynchronous load is successful.
|
||
|
|
console.log('The video has now been loaded!');
|
||
|
|
}).catch(onError); // onError is executed if the asynchronous load fails.
|
||
|
|
}
|
||
|
|
|
||
|
|
function onErrorEvent(event) {
|
||
|
|
// Extract the shaka.util.Error object from the event.
|
||
|
|
onError(event.detail);
|
||
|
|
}
|
||
|
|
|
||
|
|
function onError(error) {
|
||
|
|
// Log the error.
|
||
|
|
console.error('Error code', error.code, 'object', error);
|
||
|
|
}
|
||
|
|
|
||
|
|
document.addEventListener('DOMContentLoaded', initApp);
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|