APT3000/APT3000.html at master · ThatcherC/APT3000 · 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<html>
<head>
<script src="wav.js"></script>
<script src="dsp.js"></script>
<link rel="stylesheet" href="http://jthatch.com/bootstrap-custom.css">
<link rel="stylesheet" href="http://css-spinners.com/css/spinner/spinner.css" type="text/css">
<style>
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
</style>
<!--<script src="http://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>-->
<title>APT-3000</title>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-61036065-1', 'auto');
  ga('send', 'pageview');

</script>

</head>
<body>
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-7">
				<div class="page-header">
					<h1>APT3000</h1></br>
					<h3>The JavaScript APT decoder</h3>
				</div>
			</div>
			<div class="col-md-4">
				<div class="well" style="margin:42">
					<h4 style="margin-top:-10">Instructions</h4>
					<list>
						<li>Upload a 11025Hz WAV recording of an APT pass (here's a <a href='NOAA-15-0530.wav'>sample</a>)</li>
						<li>Recordings with little noise at the beginning work best</li>
						<li>Choose an image channel</li>
						<li>Check out the <a href="https://github.com/ThatcherC/APT3000">source</a> on Github!</li>
					</list>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-4">
				<div class="input-group">
					<span class="input-group-btn">
						<span class="btn btn-default btn-file">
							Browse&hellip; <input type="file" id="fileInput">
						</span>
					</span>
					<em><input type="text" class="form-control" id="fileName" readonly></em>
				</div>
			</div>
			<div class="col-md-1">
				<div class="spinner-loader" id="spinner" style="visibility:hidden">
				  Loading…
				</div>
			</div>
			<div class="col-md-3" id="buttons" style="visibility:hidden">
				<input value="View A" class="btn btn-default" type="button" onclick="viewA()">
				<input value="View B" class="btn btn-default"type="button" onclick="viewB()">
				<input value="View AB" class="btn btn-default" type="button" onclick="viewAB()">
			</div>
			<div class="col-md-3">
				 <div class="alert-small alert-danger" role="alert" id="alert"></div>
			</div>
		</div>
		<!-- Wave viewer isn't necessary anymore, but could be useful later -->
		<!-- <canvas id="myChart" width="1000" height="400"></canvas></br></br> -->
		<div class="row">
			<div class="col-md-4">
				<canvas id="output" width="1040" height="400"  style="padding-top:5"></canvas>
			</div>
		</div>
		<div class="row text-center">
			</br></br>
			<a href="http://jthatch.com">Home</a> | <a href="j.thatcher.c+a3k@gmail.com">Email me!</a>
		</div>
	</div>
	</br>
	<script src='apt3000.js'></script>
</body>
</html>