sb2702/shaka-player-upscaling.html

## shaka-player-upscaling.html
<head lang="en">
    <script src="shaka-player.ui.js"></script>
    <link rel="stylesheet" href="controls.css">
    <script src="vectorly-shaka.js"></script>
</head>

<body>

<div id="container" data-shaka-player-container style="max-width:1280px;">
    <video data-shaka-player crossorigin="anonymous" id="video" ></video>
</div>

<script>

    const url = "video.mp4";

    async function init() {
        // When using the UI, the player is made automatically by the UI object.
        const video = document.getElementById('video');
        const ui = video['ui'];
        const controls = ui.getControls();
        const player = controls.getPlayer();

        try {
            await player.load(url);
            // This runs if the asynchronous load is successful.
            const upscaler = new vectorlyUpscaler.shakaPlugin(player, {width: 1280, height: 720});

        } catch (error) {

           console.log(error);
        }
    }

    document.addEventListener('shaka-ui-loaded', init);

</script>


</body>
	<head lang="en">
	<script src="shaka-player.ui.js"></script>
	<link rel="stylesheet" href="controls.css">
	<script src="vectorly-shaka.js"></script>
	</head>

	<body>

	<div id="container" data-shaka-player-container style="max-width:1280px;">
	<video data-shaka-player crossorigin="anonymous" id="video" ></video>
	</div>

	<script>

	const url = "video.mp4";

	async function init() {
	// When using the UI, the player is made automatically by the UI object.
	const video = document.getElementById('video');
	const ui = video['ui'];
	const controls = ui.getControls();
	const player = controls.getPlayer();

	try {
	await player.load(url);
	// This runs if the asynchronous load is successful.
	const upscaler = new vectorlyUpscaler.shakaPlugin(player, {width: 1280, height: 720});

	} catch (error) {

	console.log(error);
	}
	}

	document.addEventListener('shaka-ui-loaded', init);

	</script>


	</body>