src/embed/embed.html

<!DOCTYPE html>
<head>
	<meta name="viewport"
		content="height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
	<title>AwayFL Embedded Player __VERSION__</title>
	<style>
		* {
			margin: 0;
			padding: 0;
		}

		canvas {
			outline: none
		}

		html, body, #container {
			margin: 0;
			overflow: hidden;
			width: 100%;
			height: 100%;
		}

		#splash__image {
			width: 100%;
			height: 100%;
			position: absolute;
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
			visibility: visible;
			transition: all 0.5s;
			z-index: 10;
		}

		#progress__root {
			position: absolute;
		}

		#progress__line {
			width: 0;
			height: 100%;
			transition: all 0.5s;
		}
	</style>
	<script src="__LOADER_URL__"></script>
</head>

<body>
	<div id="splash__image">
		<div id="progress__root">
			<div id="progress__line"></div>
		</div>
	</div>
	<script>
		window.addEventListener("load", () => {

			const config = JSON.parse(__GAME_CONFIG__);

			AWAYFL.LegacyLoader.init(config);
			AWAYFL.LegacyLoader.runGame((fill) => {
				window.dispatchEvent(new CustomEvent('awayfl-player-progress', {detail: fill}));
			}, (config, hideLoader) => {
				const player = new AWAYFL.Player(document, config);
				window.dispatchEvent(new CustomEvent('awayfl-player-init', {detail: player}));
				player
					.loadAndPlay()
					.then((_, hide) => {
						window.dispatchEvent(new CustomEvent('awayfl-player-load'));
						hide && hide() || window.swfParseComplete && window.swfParseComplete();;
					});				
			})
		});
	</script>
</body>