index.html

<!DOCTYPE html>
<html>
<head>
	<style>
		body {
			display: flex;
			flex-direction: column;
			align-items: stretch;
		}
		#videoArea {
			flex-basis: 50vh;
			display: flex;
			align-items: center;
			justify-content: space-around;
		}
		video {
			max-height: 50vh;
			height: 50vh;
		}
		#displayChat {
			height: 30vh;
			border: 1px solid lightgray;
			overflow-y: scroll;
		}
		#enterChat {
			width: 100%;
		}
	</style>
</head>
<body>
<div id="videoArea">
	<video id="vidLocal" autoplay muted></video>
	<button id="btnStart">Start</button>
	<video id="vidRemote" autoplay></video>
</div>
<div id="chatArea">
	<div id="displayChat"></div>
	<input type="text" id="enterChat" placeholder="Chatnachricht eingeben" disabled/>
</div>
<script src="node_modules/socket.io-client/dist/socket.io.js"></script>
<script src="app.js"></script>
</body>
</html>