avsync/example.html at master · spectrumbranch/avsync · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript" src="vendor/popcorn.min.js"></script>
<script type="text/javascript" src="avsync.js"></script>

<style type="text/css">
	.container {
		margin: 0 auto;
		width: 1600px;
	}
</style>
</head>
<body>

<div class="container">
<audio id="mraud">
	<source src="http://www.mixingreal.com/test/VocalsAud.wav" type="audio/wav">
	Your browser does not support the audio element.
</audio>

<video controls width="1600" height="900" name="media" id="mrvid">
	<source src="http://www.mixingreal.com/test/VocalsVid.mp4" type="video/mp4">
	Your browser does not support the video tag.
</video>
</div>


<script>
	document.addEventListener('DOMContentLoaded', function() {
		AVSync('mrvid', 'mraud');
	}, false );
</script>

</body>
</html>