mp4box.js/demo/filediff.html at main · gpac/mp4box.js · 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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html>
    <head>
    	<meta charset="UTF-8">
		<title>MP4Box.js - JavaScript MP4 Reader - Diff tool</title>

		<!-- Include basic JQuery and JQuery UI files -->
		<script src="lib/jquery/jquery.js"></script>
  		<link href="lib/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css">
		<script src="lib/jquery-ui/jquery-ui.min.js"></script>
		<script src="lib/jquery-ui/jquery-ui.slider.custom.js"></script>

		<!-- Include JQuery-based Fancytree skin, library, and extensions -->
  		<link href="lib/fancytree/ui.fancytree.min.css" rel="stylesheet" type="text/css">
  		<script src="lib/fancytree/jquery.fancytree-all.min.js" type="text/javascript"></script>

		<style type="text/css">

		/* JQuery UI Styles */
		.ui-selectmenu-button {
		    vertical-align: middle;
		}

		.fields_diff {
			background-color: orange;
		}

		.children_diff {
			background-color: yellow;
		}
		</style>
		<link rel="stylesheet" href="style.css" />
		<script async defer src="https://buttons.github.io/buttons.js"></script>
    </head>
	<body>
		<!-- GitHub Stat Buttons -->
		<div style="display: flex; align-items: center; justify-content: space-between;">
			<div>
				<h3 style="margin-bottom: 0;">MP4Box.js / ISOBMFF Diff Tool (see <a href="./">other demos</a>)</h3>
				<p style="margin-top: 4px;">Client-side tool: files are processed locally in your browser and not uploaded to any server</p>
			</div>
			<div>
				<a class="github-button" href="https://github.com/gpac/mp4box.js" data-color-scheme="light" data-size="large" data-show-count="true" aria-label="Star gpac/mp4box.js on GitHub">Star</a>
				<a class="github-button" href="https://github.com/gpac/mp4box.js/fork" data-color-scheme="light" data-size="large" data-show-count="true" aria-label="Fork gpac/mp4box.js on GitHub">Fork</a>
				<a class="github-button" href="https://github.com/gpac/mp4box.js/subscription" data-color-scheme="light" data-size="large" data-show-count="true" aria-label="Watch gpac/mp4box.js on GitHub">Watch</a>
			</div>
		</div>

		<div id="menubar" style="clear: both;"></div>
		<div id="resulttabs" style="clear: both;"></div>
		<script src="../dist/mp4box.all.global.js"></script>
		<script>
			for (const key in MP4Box)
				if (MP4Box.hasOwnProperty(key))
					window[key] = MP4Box[key];
		</script>
		<script src="sample-urls.js"></script>
		<script src="downloader.js"></script>
		<script src="boxHtmlTable.js"></script>
		<script src="boxfancytree.js"></script>
		<script src="ui-helper.js"></script>
		<script src="filediff.js"></script>
	</body>
</html>