<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Live Streaming</title>
		<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
		<script src="https://unpkg.com/video.js/dist/video.js"></script>
		<script src="https://unpkg.com/videojs-flash/dist/videojs-flash.min.js"></script>
		<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>

	</head>
	<body>  

		<h1>RTMP Player</h1>
		<video id="rtmp_video" class="video-js vjs-default-skin" controls preload="auto" width="720" 
			data-setup='{"techOrder": ["html5","flash"]}'>
			<source src="rtmp://127.0.0.1:1935/live/test" type="rtmp/mp4">
		</video>

		<h1>HLS Player</h1>
		<video id="hls_video" class="video-js vjs-default-skin" controls preload="auto" width="720" 
			data-setup='{"techOrder": ["html5","flash"]}'>
			<source src="http://127.0.0.1:8080/hls/test.m3u8" type="application/x-mpegURL">
		</video>
	  
		<div id="footer">
			<font size="2">Tareq Alqutami - 2019</font>
		</div>
	</body>
</html>