├── screenshot.png
├── README.md
├── index.html
├── loader.css
├── style.css
├── script.js
└── LICENSE
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/h3ndrk/html5-web-audio-showcase/HEAD/screenshot.png
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # HTML5 Web Audio API Showcase
2 |
3 | 
4 |
5 | ## Demo of the showcase
6 |
7 | ... can be found at [https://h3ndrk.github.io/html5-web-audio-showcase/](https://h3ndrk.github.io/html5-web-audio-showcase/).
8 |
9 | ## How to use
10 |
11 | 1. Select an audio file
12 | 2. Press "Play song"
13 | 3. Modify the volume by scrolling on the circle canvas
14 | 4. Enjoy!
15 |
16 | ## Features
17 |
18 | * no external libraries, pure Javascript
19 | * audio visualization with the spectrum of the played sound
20 | * volume by scrolling on the circle
21 | * elapsed and remaining time of the playback
22 | * filename displayed at the top of the circle (animates if it is too long)
23 | * build with [Material Design](https://www.google.com/design/spec/material-design/introduction.html) (not for the circle because shadows are too resource-intense)
24 |
25 | ## Uses
26 |
27 | * [Web Audio API](http://www.w3.org/TR/webaudio/)
28 | * [HTML Canvas 2D Context](http://www.w3.org/TR/2dcontext/)
29 | * [Scalable Vector Graphics (SVG 1.1)](http://www.w3.org/TR/SVG11/)
30 | * CSS3 Animations, Transforms, Transisitions
31 | * [Material Design](https://www.google.com/design/spec/material-design/introduction.html)
32 |
33 | ## License
34 |
35 | lastest GPL-license (see LICENSE-file)
36 |
37 | Copyright (C) 2015 NIPE-SYSTEMS, [https://nipe-systems.de](https://nipe-systems.de)
38 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | NIPE-SYSTEMS - HTML5 Web Audio API Showcase
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
HTML5 Web Audio API Showcase
21 |
22 |
Choose a song
23 |
24 |
Audio files only (MIME: audio/*). The files are processed locally.
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/loader.css:
--------------------------------------------------------------------------------
1 | #spinner-outer
2 | {
3 | position: absolute;
4 | }
5 |
6 | #spinner-outer.hidden
7 | {
8 | display: none;
9 | }
10 |
11 | #spinner
12 | {
13 | -webkit-animation: rotator 1.4s linear infinite;
14 | -moz-animation: rotator 1.4s linear infinite;
15 | -o-animation: rotator 1.4s linear infinite;
16 | animation: rotator 1.4s linear infinite;
17 | }
18 |
19 | @-webkit-keyframes rotator
20 | {
21 | 0%
22 | {
23 | transform: rotate(0deg);
24 | }
25 | 100%
26 | {
27 | transform: rotate(270deg);
28 | }
29 | }
30 |
31 | @-moz-keyframes rotator
32 | {
33 | 0%
34 | {
35 | transform: rotate(0deg);
36 | }
37 | 100%
38 | {
39 | transform: rotate(270deg);
40 | }
41 | }
42 |
43 | @-o-keyframes rotator
44 | {
45 | 0%
46 | {
47 | transform: rotate(0deg);
48 | }
49 | 100%
50 | {
51 | transform: rotate(270deg);
52 | }
53 | }
54 |
55 | @keyframes rotator
56 | {
57 | 0%
58 | {
59 | transform: rotate(0deg);
60 | }
61 | 100%
62 | {
63 | transform: rotate(270deg);
64 | }
65 | }
66 |
67 | .path
68 | {
69 | stroke: #4285F4;
70 | stroke-dasharray: 80;
71 | stroke-dashoffset: 0;
72 | transform-origin: center;
73 | -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
74 | -moz-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
75 | -o-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
76 | animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
77 | }
78 |
79 | @-webkit-keyframes colors
80 | {
81 | 0%
82 | {
83 | stroke: #4285F4;
84 | }
85 | 22%
86 | {
87 | stroke: #4285F4;
88 | }
89 | 28%
90 | {
91 | stroke: #DE3E35;
92 | }
93 | 47%
94 | {
95 | stroke: #DE3E35;
96 | }
97 | 53%
98 | {
99 | stroke: #F7C223;
100 | }
101 | 72%
102 | {
103 | stroke: #F7C223;
104 | }
105 | 78%
106 | {
107 | stroke: #1B9A59;
108 | }
109 | }
110 |
111 | /*@-moz-keyframes colors
112 | {
113 | 0%
114 | {
115 | stroke: #4285F4;
116 | }
117 | 25%
118 | {
119 | stroke: #DE3E35;
120 | }
121 | 50%
122 | {
123 | stroke: #F7C223;
124 | }
125 | 75%
126 | {
127 | stroke: #1B9A59;
128 | }
129 | 100%
130 | {
131 | stroke: #4285F4;
132 | }
133 | }
134 |
135 | @-o-keyframes colors
136 | {
137 | 0%
138 | {
139 | stroke: #4285F4;
140 | }
141 | 25%
142 | {
143 | stroke: #DE3E35;
144 | }
145 | 50%
146 | {
147 | stroke: #F7C223;
148 | }
149 | 75%
150 | {
151 | stroke: #1B9A59;
152 | }
153 | 100%
154 | {
155 | stroke: #4285F4;
156 | }
157 | }
158 |
159 | @keyframes colors
160 | {
161 | 0%
162 | {
163 | stroke: #4285F4;
164 | }
165 | 25%
166 | {
167 | stroke: #DE3E35;
168 | }
169 | 50%
170 | {
171 | stroke: #F7C223;
172 | }
173 | 75%
174 | {
175 | stroke: #1B9A59;
176 | }
177 | 100%
178 | {
179 | stroke: #4285F4;
180 | }
181 | }*/
182 |
183 | @-webkit-keyframes dash
184 | {
185 | 0%
186 | {
187 | stroke-dashoffset: 80;
188 | }
189 | 50%
190 | {
191 | stroke-dashoffset: 20;
192 | transform:rotate(135deg);
193 | }
194 | 100%
195 | {
196 | stroke-dashoffset: 80;
197 | transform:rotate(450deg);
198 | }
199 | }
200 |
201 | @-moz-keyframes dash
202 | {
203 | 0%
204 | {
205 | stroke-dashoffset: 80;
206 | }
207 | 50%
208 | {
209 | stroke-dashoffset: 10;
210 | transform:rotate(135deg);
211 | }
212 | 100%
213 | {
214 | stroke-dashoffset: 80;
215 | transform:rotate(450deg);
216 | }
217 | }
218 |
219 | @-o-keyframes dash
220 | {
221 | 0%
222 | {
223 | stroke-dashoffset: 80;
224 | }
225 | 50%
226 | {
227 | stroke-dashoffset: 10;
228 | transform:rotate(135deg);
229 | }
230 | 100%
231 | {
232 | stroke-dashoffset: 80;
233 | transform:rotate(450deg);
234 | }
235 | }
236 |
237 | @keyframes dash
238 | {
239 | 0%
240 | {
241 | stroke-dashoffset: 80;
242 | }
243 | 50%
244 | {
245 | stroke-dashoffset: 10;
246 | transform:rotate(135deg);
247 | }
248 | 100%
249 | {
250 | stroke-dashoffset: 80;
251 | transform:rotate(450deg);
252 | }
253 | }
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | @-webkit-keyframes heartbeat
2 | {
3 | 0%
4 | {
5 | transform: scale(1);
6 | }
7 | 10%
8 | {
9 | transform: scale(1.2);
10 | }
11 | 50%
12 | {
13 | transform: scale(1);
14 | }
15 | }
16 |
17 | @-moz-keyframes heartbeat
18 | {
19 | 0%
20 | {
21 | transform: scale(1);
22 | }
23 | 10%
24 | {
25 | transform: scale(1.2);
26 | }
27 | 50%
28 | {
29 | transform: scale(1);
30 | }
31 | }
32 |
33 | @-o-keyframes heartbeat
34 | {
35 | 0%
36 | {
37 | transform: scale(1);
38 | }
39 | 10%
40 | {
41 | transform: scale(1.2);
42 | }
43 | 50%
44 | {
45 | transform: scale(1);
46 | }
47 | }
48 |
49 | @keyframes heartbeat
50 | {
51 | 0%
52 | {
53 | transform: scale(1);
54 | }
55 | 10%
56 | {
57 | transform: scale(1.2);
58 | }
59 | 50%
60 | {
61 | transform: scale(1);
62 | }
63 | }
64 |
65 | *
66 | {
67 | font-family: 'Roboto', sans-serif;
68 | font-size: 15px;
69 | margin: 0;
70 | padding: 0;
71 | }
72 |
73 | html, body
74 | {
75 | background-color: #EEEEEE;
76 | }
77 |
78 | html, body, #chooser, #scene
79 | {
80 | min-height: 630px;
81 | width: 100%;
82 | height: 100%;
83 | }
84 |
85 | svg#heart
86 | {
87 | margin: 0 0 -2px 0;
88 | }
89 |
90 | svg#heart path#heartShape
91 | {
92 | -webkit-animation-duration: 1s;
93 | -webkit-animation-name: heartbeat;
94 | -webkit-animation-iteration-count: infinite;
95 | -moz-animation-duration: 1s;
96 | -moz-animation-name: heartbeat;
97 | -moz-animation-iteration-count: infinite;
98 | -o-animation-duration: 1s;
99 | -o-animation-name: heartbeat;
100 | -o-animation-iteration-count: infinite;
101 | animation-duration: 1s;
102 | animation-name: heartbeat;
103 | animation-iteration-count: infinite;
104 | -webkit-transform-origin: center center;
105 | -moz-transform-origin: center center;
106 | -o-transform-origin: center center;
107 | transform-origin: center center;
108 | fill: #FF6688;
109 | }
110 |
111 | #footer
112 | {
113 | z-index: 1;
114 | position: absolute;
115 | text-align: center;
116 | width: 300px;
117 | font-size: 13px;
118 | color: #AAAAAA;
119 | bottom: 10px;
120 | left: 50%;
121 | margin-left: -150px;
122 | }
123 |
124 | #footer a
125 | {
126 | font-size: 13px;
127 | color: #AAAAAA;
128 | }
129 |
130 | #footer a:hover
131 | {
132 | color: #4285F4;
133 | }
134 |
135 | #chooser, #scene
136 | {
137 | position: absolute;
138 | transition: opacity 1s ease, visibility 1s ease;
139 | opacity: 1;
140 | visibility: visible;
141 | }
142 |
143 | #chooser.hidden, #scene.hidden
144 | {
145 | opacity: 0;
146 | visibility: hidden;
147 | }
148 |
149 | #chooser #chooser-dialog
150 | {
151 | position: absolute;
152 | overflow: hidden;
153 | width: 400px;
154 | height: 190px;
155 | top: 50%;
156 | left: 50%;
157 | margin-top: -95px;
158 | margin-left: -200px;
159 | background-color: #FFFFFF;
160 | border-radius: 3px;
161 | padding: 20px 20px 0 20px;
162 | box-sizing: border-box;
163 | box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
164 | /*box-shadow: 0 17px 17px 0 rgba(0, 0, 0, 0.15), 0 27px 55px 0 rgba(0, 0, 0, 0.3);*/
165 | }
166 |
167 | #chooser h1
168 | {
169 | color: #444444;
170 | position: absolute;
171 | width: 400px;
172 | height: 30px;
173 | top: 50%;
174 | left: 50%;
175 | margin-top: -150px;
176 | margin-left: -200px;
177 | font-size: 23px;
178 | font-weight: 300;
179 | text-align: center;
180 | }
181 |
182 | #chooser #chooser-dialog h2
183 | {
184 | margin: 0 0 15px 0;
185 | font-size: 23px;
186 | font-weight: 500;
187 | }
188 |
189 | #chooser #chooser-dialog input
190 | {
191 | display: block;
192 | height: 30px;
193 | font-family: 'Roboto', sans-serif;
194 | }
195 |
196 | #chooser #chooser-dialog p
197 | {
198 | height: 50px;
199 | color: #888888;
200 | font-size: 14px;
201 | }
202 |
203 | #chooser #chooser-dialog button
204 | {
205 | outline: none;
206 | display: block;
207 | border: none;
208 | background-color: transparent;
209 | padding: 10px 20px 16px 20px;
210 | font-family: 'Roboto', sans-serif;
211 | font-size: 14px;
212 | font-weight: 500;
213 | text-transform: uppercase;
214 | width: 140px;
215 | box-sizing: border-box;
216 | margin-left: 240px;
217 | color: #4285F4;
218 | background-color: #FFFFFF;
219 | cursor: pointer;
220 | transition: background-color 0.14s cubic-bezier(0.4, 0, 0.2, 1);
221 | }
222 |
223 | #chooser #chooser-dialog button:active
224 | {
225 | background-color: #EEEEEE;
226 | }
227 |
228 | #chooser #chooser-dialog button.disabled
229 | {
230 | background-color: #FFFFFF;
231 | cursor: default;
232 | color: #CCCCCC;
233 | }
234 |
235 | #scene #scene-canvas
236 | {
237 | position: absolute;
238 | width: 600px;
239 | height: 600px;
240 | top: 50%;
241 | left: 50%;
242 | margin-top: -300px;
243 | margin-left: -300px;
244 | /*outline: 1px dashed #CCCCCC;*/
245 | }
246 |
247 | #error
248 | {
249 | z-index: 2;
250 | position: absolute;
251 | top: 0;
252 | right: 0;
253 | bottom: 0;
254 | left: 0;
255 | background-color: rgba(0, 0, 0, 0.25);
256 | transition: opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.28s cubic-bezier(0.4, 0, 0.2, 1);
257 | opacity: 1;
258 | visibility: visible;
259 | }
260 |
261 | #error #error-dialog
262 | {
263 | position: absolute;
264 | overflow: hidden;
265 | width: 300px;
266 | height: 150px;
267 | top: 50%;
268 | left: 50%;
269 | margin-top: -75px;
270 | margin-left: -150px;
271 | background-color: #FFFFFF;
272 | border-radius: 3px;
273 | padding: 20px 20px 0 20px;
274 | box-sizing: border-box;
275 | /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.3);*/
276 | box-shadow: 0 17px 17px 0 rgba(0, 0, 0, 0.15), 0 27px 55px 0 rgba(0, 0, 0, 0.3);
277 | transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
278 | transform: translate(0, 0);
279 | }
280 |
281 | #error.hidden
282 | {
283 | opacity: 0;
284 | visibility: hidden;
285 | }
286 |
287 | #error.hidden #error-dialog
288 | {
289 | transform: translate(0, -200px);
290 | }
291 |
292 | #error #error-dialog h1
293 | {
294 | height: 30px;
295 | margin: 0 0 15px 0;
296 | font-size: 23px;
297 | font-weight: 500;
298 | }
299 |
300 | #error #error-dialog p
301 | {
302 | height: 40px;
303 | color: #666666;
304 | font-size: 15px;
305 | }
306 |
307 | #error #error-dialog button
308 | {
309 | outline: none;
310 | display: block;
311 | border: none;
312 | background-color: transparent;
313 | padding: 10px 20px 16px 20px;
314 | font-family: 'Roboto', sans-serif;
315 | font-size: 14px;
316 | font-weight: 500;
317 | text-transform: uppercase;
318 | width: 80px;
319 | box-sizing: border-box;
320 | margin-left: 186px;
321 | color: #4285F4;
322 | background-color: #FFFFFF;
323 | cursor: pointer;
324 | transition: background-color 0.14s cubic-bezier(0.4, 0, 0.2, 1);
325 | }
326 |
327 | #error #error-dialog button:active
328 | {
329 | background-color: #EEEEEE;
330 | }
331 |
--------------------------------------------------------------------------------
/script.js:
--------------------------------------------------------------------------------
1 | var audioInput = null;
2 | var file = null;
3 | var fileName = "";
4 | var playButton = null;
5 | var buttonDisabled = true;
6 | var audioContext = null;
7 | var audioBufferSourceNode = null;
8 | var audioPlaying = false;
9 | var canvas = null;
10 | var ctx = null;
11 | var elapsedTime = 0;
12 | var startTime = 0;
13 | var durationTime = 0;
14 | var analyser = null;
15 | var audioDrawingArray = null;
16 | var radius = 150;
17 | var graphSize = 150;
18 | var xc = 0;
19 | var yc = 0;
20 | var i = 0;
21 | var animationFrameId = null;
22 | var lastTimeStamp = 0;
23 | var textX = 200;
24 | var textStopState = 1;
25 | var textStopStartTimeStamp = -1;
26 | var volume = 0.75;
27 | var audioGainNode = null;
28 | var volumeAnimation = 0;
29 |
30 | window.onload = function()
31 | {
32 | console && console.log("%cHTML5 Web Audio API Showcase\n%cA Fancy HTML5 Audio Visualizer based on Web Audio API\nCopyright 2015 NIPE-SYSTEMS\nFork this on GitHub: https://github.com/NIPE-SYSTEMS/html5-web-audio-showcase", "font-size: 1.5em; font-weight: bold;", "font-size: 1em;");
33 |
34 | window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.msAudioContext;
35 | window.requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame;
36 | window.cancelAnimationFrame = window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame;
37 |
38 | try
39 | {
40 | audioContext = new AudioContext();
41 | }
42 | catch(error)
43 | {
44 | console.error(error);
45 | }
46 |
47 | audioInput = document.getElementById("chooser-input");
48 | audioInput.onchange = cbInputChange;
49 |
50 | playButton = document.getElementById("chooser-button");
51 | playButton.onclick = cbButtonClick;
52 | disableButton();
53 |
54 | canvas = document.getElementById("scene-canvas");
55 | ctx = canvas.getContext("2d");
56 |
57 | if(canvas.addEventListener)
58 | {
59 | // IE9, Chrome, Safari, Opera
60 | canvas.addEventListener("mousewheel", cbCanvasScroll, false);
61 | // Firefox
62 | canvas.addEventListener("DOMMouseScroll", cbCanvasScroll, false);
63 | }
64 | // IE 6/7/8
65 | else
66 | {
67 | canvas.attachEvent("onmousewheel", cbCanvasScroll);
68 | }
69 |
70 | analyser = audioContext.createAnalyser();
71 | audioGainNode = audioContext.createGain();
72 |
73 | analyser.connect(audioGainNode);
74 | audioGainNode.connect(audioContext.destination);
75 |
76 | document.getElementById("error-button").onclick = cbErrorButtonClick;
77 | };
78 |
79 | function cbCanvasScroll(e)
80 | {
81 | var e = window.event || e;
82 | var detail = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));
83 |
84 | if(detail > 0)
85 | {
86 | volume = Math.min(1, volume + 0.025);
87 | }
88 | else
89 | {
90 | volume = Math.max(0, volume - 0.025);
91 | }
92 |
93 | if(audioGainNode != null)
94 | {
95 | // console.log("Volume set to: " + volume);
96 | audioGainNode.gain.value = Math.pow(volume, 2.0); // makes the volume more realistic
97 | }
98 |
99 | volumeAnimation = 400;
100 | }
101 |
102 | function cbInputChange()
103 | {
104 | if(audioInput.files.length != 0)
105 | {
106 | file = audioInput.files[0];
107 | fileName = file.name;
108 |
109 | // console.log("Play audio: " + fileName);
110 |
111 | enableButton();
112 | }
113 | }
114 |
115 | function disableButton()
116 | {
117 | buttonDisabled = true;
118 | document.getElementById("chooser-button").className = "disabled";
119 | }
120 |
121 | function enableButton()
122 | {
123 | buttonDisabled = false;
124 | document.getElementById("chooser-button").className = "";
125 | }
126 |
127 | function cbButtonClick()
128 | {
129 | if(!buttonDisabled)
130 | {
131 | if(file.type.split("/")[0] == "audio")
132 | {
133 | var fileReader = new FileReader();
134 | fileReader.onload = function(e)
135 | {
136 | var fileResult = e.target.result;
137 | if(audioContext == null)
138 | {
139 | return;
140 | }
141 | audioContext.decodeAudioData(fileResult, function(buffer)
142 | {
143 | setTimeout(function() { visualize(buffer); document.getElementById("spinner-outer").className = "hidden"; }, 1000);
144 |
145 | showScene();
146 | }, function(error)
147 | {
148 | console.error(error);
149 | showError("Error while decoding the audio", error.toString());
150 | document.getElementById("spinner-outer").className = "hidden";
151 | });
152 | };
153 | fileReader.onerror = function(error)
154 | {
155 | console.error(error);
156 | showError("Error while reading file", error.toString());
157 | document.getElementById("spinner-outer").className = "hidden";
158 | };
159 |
160 | fileReader.readAsArrayBuffer(file);
161 |
162 | document.getElementById("spinner-outer").className = "";
163 | }
164 | else
165 | {
166 | showError("Not an audio file", "The selected file does not match to the MIME-pattern: audio/*");
167 | }
168 | }
169 | }
170 |
171 | function showScene()
172 | {
173 | clearDraw();
174 |
175 | document.getElementById("chooser").className = "hidden";
176 | document.getElementById("scene").className = "";
177 | }
178 |
179 | function showChooser()
180 | {
181 | document.getElementById("chooser").className = "";
182 | document.getElementById("scene").className = "hidden";
183 | }
184 |
185 | function visualize(buffer)
186 | {
187 | audioBufferSourceNode = audioContext.createBufferSource();
188 |
189 | audioBufferSourceNode.buffer = buffer;
190 | analyser.smoothingTimeConstant = 0.75;
191 | audioGainNode.gain.value = volume;
192 |
193 | audioBufferSourceNode.connect(analyser);
194 |
195 | audioBufferSourceNode.start();
196 |
197 | audioPlaying = true;
198 | startTime = audioContext.currentTime;
199 | durationTime = buffer.duration;
200 |
201 | draw(0);
202 |
203 | audioBufferSourceNode.onended = function()
204 | {
205 | audioBufferSourceNode.stop();
206 | audioBufferSourceNode.disconnect();
207 |
208 | if(animationFrameId !== null)
209 | {
210 | cancelAnimationFrame(animationFrameId);
211 | animationFrameId = null;
212 | }
213 |
214 | audioPlaying = false;
215 | showChooser();
216 | };
217 | }
218 |
219 | function generateTime(seconds)
220 | {
221 | var minutes = Math.floor(seconds / 60);
222 | var seconds = Math.floor(seconds % 60);
223 |
224 | return ((minutes < 10)?("0" + minutes):(minutes)) + ":" + ((seconds < 10)?("0" + seconds):(seconds));
225 | }
226 |
227 | function generateName(fileName)
228 | {
229 | var parts = fileName.split(".");
230 | parts.pop();
231 | return parts.join(".");
232 | }
233 |
234 | function clearDraw()
235 | {
236 | ctx.clearRect(0, 0, 600, 600);
237 |
238 | ctx.fillStyle = "#FFFFFF";
239 | ctx.strokeStyle = "#DDDDDD";
240 | ctx.beginPath();
241 | ctx.arc(300, 300, radius, 0, 2 * Math.PI, false);
242 | ctx.fill();
243 | ctx.stroke();
244 |
245 | ctx.fillStyle = "#222222";
246 | ctx.font = "100 75px Roboto";
247 | ctx.textAlign = "center";
248 | ctx.textBaseline = "middle";
249 | ctx.fillText("00:00", 300, 300);
250 | }
251 |
252 | function draw(currentTimeStamp)
253 | {
254 | elapsedTime = audioContext.currentTime - startTime;
255 | audioDrawingArray = new Uint8Array(analyser.frequencyBinCount);
256 | analyser.getByteFrequencyData(audioDrawingArray);
257 |
258 | ctx.clearRect(0, 0, 600, 600);
259 |
260 | ctx.lineWidth = 1.0;
261 | ctx.fillStyle = "#FFFFFF";
262 | ctx.strokeStyle = "#DDDDDD";
263 | ctx.beginPath();
264 | ctx.moveTo(300 + Math.cos(0.5 * Math.PI) * (radius + (audioDrawingArray[0] / 256 * graphSize)), 300 + Math.sin(0.5 * Math.PI) * (radius + (audioDrawingArray[0] / 256 * graphSize)));
265 |
266 | for(i = 1; i < (audioDrawingArray.length / 4); i++)
267 | {
268 | xc = ((300 + Math.cos((0.5 - (i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i] / 256 * graphSize))) + (300 + Math.cos((0.5 - (i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i + 1] / 256 * graphSize)))) / 2;
269 | yc = ((300 + Math.sin((0.5 - (i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i] / 256 * graphSize))) + (300 + Math.sin((0.5 - (i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i + 1] / 256 * graphSize)))) / 2;
270 | ctx.quadraticCurveTo((300 + Math.cos((0.5 - (i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i] / 256 * graphSize))), (300 + Math.sin((0.5 - (i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i] / 256 * graphSize))), xc, yc);
271 | }
272 |
273 | ctx.quadraticCurveTo((300 + Math.cos((0.5 - (i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i] / 256 * graphSize))), (300 + Math.sin((0.5 - (i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i] / 256 * graphSize))), (300 + Math.cos((0.5 - (i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i + 1] / 256 * graphSize))), (300 + Math.sin((0.5 - (i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i + 1] / 256 * graphSize))));
274 |
275 | ctx.moveTo(300 + Math.cos(0.5 * Math.PI) * (radius + (audioDrawingArray[0] / 256 * graphSize)), 300 + Math.sin(0.5 * Math.PI) * (radius + (audioDrawingArray[0] / 256 * graphSize)));
276 |
277 | for(i = 1; i < (audioDrawingArray.length / 4); i++)
278 | {
279 | xc = ((300 + Math.cos((0.5 - (4 - i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i] / 256 * graphSize))) + (300 + Math.cos((0.5 - (4 - i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i + 1] / 256 * graphSize)))) / 2;
280 | yc = ((300 + Math.sin((0.5 - (4 - i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i] / 256 * graphSize))) + (300 + Math.sin((0.5 - (4 - i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i + 1] / 256 * graphSize)))) / 2;
281 | ctx.quadraticCurveTo((300 + Math.cos((0.5 - (4 - i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i] / 256 * graphSize))), (300 + Math.sin((0.5 - (4 - i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i] / 256 * graphSize))), xc, yc);
282 | }
283 |
284 | ctx.quadraticCurveTo((300 + Math.cos((0.5 - (4 - i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i] / 256 * graphSize))), (300 + Math.sin((0.5 - (4 - i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i] / 256 * graphSize))), (300 + Math.cos((0.5 - (4 - i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i + 1] / 256 * graphSize))), (300 + Math.sin((0.5 - (4 - i / audioDrawingArray.length * 4)) * Math.PI) * (radius + (audioDrawingArray[i + 1] / 256 * graphSize))));
285 |
286 | ctx.fill();
287 | ctx.stroke();
288 |
289 | ctx.fillStyle = "#FFFFFF";
290 | ctx.beginPath();
291 | ctx.arc(300, 300, radius, 0, 2 * Math.PI, false);
292 | ctx.fill();
293 |
294 | ctx.globalAlpha = (100 - Math.max(Math.min(volumeAnimation, 100), 0)) / 100;
295 |
296 | ctx.fillStyle = "#222222";
297 | ctx.font = "100 75px Roboto";
298 | ctx.textAlign = "center";
299 | ctx.textBaseline = "middle";
300 | ctx.fillText(generateTime(elapsedTime), 300, 300);
301 |
302 | ctx.fillStyle = "#888888";
303 | ctx.font = "100 25px Roboto";
304 | ctx.textAlign = "center";
305 | ctx.textBaseline = "middle";
306 | ctx.fillText("-" + generateTime(durationTime - elapsedTime), 300, 375);
307 |
308 | ctx.save();
309 | ctx.beginPath();
310 | ctx.rect(200, 220, 200, 30);
311 | ctx.clip();
312 |
313 | ctx.fillStyle = "#AAAAAA";
314 | ctx.font = "400 13px Roboto";
315 | if(ctx.measureText(generateName(fileName)).width > 200)
316 | {
317 | // animate
318 | switch(textStopState)
319 | {
320 | case 0:
321 | {
322 | textX -= (currentTimeStamp - lastTimeStamp) / 25;
323 | if(textX <= 200)
324 | {
325 | textStopState = 1;
326 | }
327 | break;
328 | }
329 | case 1:
330 | {
331 | textX = 200;
332 | if(textStopStartTimeStamp == -1)
333 | {
334 | textStopStartTimeStamp = currentTimeStamp;
335 | }
336 | if(currentTimeStamp - textStopStartTimeStamp > 5000)
337 | {
338 | textStopStartTimeStamp = -1;
339 | textStopState = 2;
340 | }
341 | break;
342 | }
343 | case 2:
344 | {
345 | textX -= (currentTimeStamp - lastTimeStamp) / 25;
346 | if(textX <= 200 - ctx.measureText(generateName(fileName)).width)
347 | {
348 | textX = 400;
349 | textStopState = 0;
350 | }
351 | break;
352 | }
353 | }
354 | ctx.textAlign = "left";
355 | ctx.textBaseline = "alphabetic";
356 | ctx.fillText(generateName(fileName), textX, 240);
357 | }
358 | else
359 | {
360 | ctx.textAlign = "center";
361 | ctx.textBaseline = "alphabetic";
362 | ctx.fillText(generateName(fileName), 300, 240);
363 | }
364 | ctx.restore();
365 |
366 | ctx.globalAlpha = (Math.max(Math.min(volumeAnimation, 150), 50) - 50) / 100;
367 |
368 | ctx.save();
369 | ctx.beginPath();
370 | ctx.arc(300, 300, radius, 0, 2 * Math.PI, false);
371 | ctx.clip();
372 |
373 | ctx.fillStyle = "#F8F8F8";
374 | ctx.fillRect(150, 150 + (1 - volume) * 300, 300, volume * 300);
375 |
376 | ctx.restore();
377 |
378 | ctx.fillStyle = "#222222";
379 | ctx.font = "100 75px Roboto";
380 | ctx.textAlign = "center";
381 | ctx.textBaseline = "middle";
382 | ctx.fillText(Math.round(volume * 100) + "%", 300, 300);
383 |
384 | ctx.globalAlpha = 1;
385 |
386 | ctx.strokeStyle = "#DDDDDD";
387 | ctx.beginPath();
388 | ctx.arc(300, 300, radius, 0, 2 * Math.PI, false);
389 | ctx.stroke();
390 |
391 | ctx.strokeStyle = "#3E9DFF";
392 | ctx.lineWidth = 2.0;
393 | ctx.beginPath();
394 | ctx.arc(300, 300, 150, -0.5 * Math.PI, (elapsedTime / durationTime) * Math.PI * 2 - (0.5 * Math.PI), false);
395 | ctx.stroke();
396 |
397 | if(volumeAnimation > 0)
398 | {
399 | volumeAnimation -= (currentTimeStamp - lastTimeStamp) / 2.5;
400 | }
401 |
402 | // bug workaround, see https://code.google.com/p/chromium/issues/detail?id=403908
403 | if(audioPlaying && elapsedTime / durationTime > 1)
404 | {
405 | console.log("Manually dispatch 'ended' event...\nsee https://code.google.com/p/chromium/issues/detail?id=403908");
406 | var e = new Event("ended");
407 | audioBufferSourceNode.dispatchEvent(e);
408 | }
409 |
410 | if(audioPlaying)
411 | {
412 | animationFrameId = requestAnimationFrame(draw);
413 | }
414 |
415 | lastTimeStamp = currentTimeStamp;
416 | }
417 |
418 | function showError(title, text)
419 | {
420 | document.getElementById("error-title").innerHTML = title;
421 | document.getElementById("error-text").innerHTML = text;
422 | document.getElementById("error").className = "";
423 | }
424 |
425 | function cbErrorButtonClick()
426 | {
427 | document.getElementById("error").className = "hidden";
428 | }
429 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | GNU GENERAL PUBLIC LICENSE
2 | Version 3, 29 June 2007
3 |
4 | Copyright (C) 2007 Free Software Foundation, Inc.
5 | Everyone is permitted to copy and distribute verbatim copies
6 | of this license document, but changing it is not allowed.
7 |
8 | Preamble
9 |
10 | The GNU General Public License is a free, copyleft license for
11 | software and other kinds of works.
12 |
13 | The licenses for most software and other practical works are designed
14 | to take away your freedom to share and change the works. By contrast,
15 | the GNU General Public License is intended to guarantee your freedom to
16 | share and change all versions of a program--to make sure it remains free
17 | software for all its users. We, the Free Software Foundation, use the
18 | GNU General Public License for most of our software; it applies also to
19 | any other work released this way by its authors. You can apply it to
20 | your programs, too.
21 |
22 | When we speak of free software, we are referring to freedom, not
23 | price. Our General Public Licenses are designed to make sure that you
24 | have the freedom to distribute copies of free software (and charge for
25 | them if you wish), that you receive source code or can get it if you
26 | want it, that you can change the software or use pieces of it in new
27 | free programs, and that you know you can do these things.
28 |
29 | To protect your rights, we need to prevent others from denying you
30 | these rights or asking you to surrender the rights. Therefore, you have
31 | certain responsibilities if you distribute copies of the software, or if
32 | you modify it: responsibilities to respect the freedom of others.
33 |
34 | For example, if you distribute copies of such a program, whether
35 | gratis or for a fee, you must pass on to the recipients the same
36 | freedoms that you received. You must make sure that they, too, receive
37 | or can get the source code. And you must show them these terms so they
38 | know their rights.
39 |
40 | Developers that use the GNU GPL protect your rights with two steps:
41 | (1) assert copyright on the software, and (2) offer you this License
42 | giving you legal permission to copy, distribute and/or modify it.
43 |
44 | For the developers' and authors' protection, the GPL clearly explains
45 | that there is no warranty for this free software. For both users' and
46 | authors' sake, the GPL requires that modified versions be marked as
47 | changed, so that their problems will not be attributed erroneously to
48 | authors of previous versions.
49 |
50 | Some devices are designed to deny users access to install or run
51 | modified versions of the software inside them, although the manufacturer
52 | can do so. This is fundamentally incompatible with the aim of
53 | protecting users' freedom to change the software. The systematic
54 | pattern of such abuse occurs in the area of products for individuals to
55 | use, which is precisely where it is most unacceptable. Therefore, we
56 | have designed this version of the GPL to prohibit the practice for those
57 | products. If such problems arise substantially in other domains, we
58 | stand ready to extend this provision to those domains in future versions
59 | of the GPL, as needed to protect the freedom of users.
60 |
61 | Finally, every program is threatened constantly by software patents.
62 | States should not allow patents to restrict development and use of
63 | software on general-purpose computers, but in those that do, we wish to
64 | avoid the special danger that patents applied to a free program could
65 | make it effectively proprietary. To prevent this, the GPL assures that
66 | patents cannot be used to render the program non-free.
67 |
68 | The precise terms and conditions for copying, distribution and
69 | modification follow.
70 |
71 | TERMS AND CONDITIONS
72 |
73 | 0. Definitions.
74 |
75 | "This License" refers to version 3 of the GNU General Public License.
76 |
77 | "Copyright" also means copyright-like laws that apply to other kinds of
78 | works, such as semiconductor masks.
79 |
80 | "The Program" refers to any copyrightable work licensed under this
81 | License. Each licensee is addressed as "you". "Licensees" and
82 | "recipients" may be individuals or organizations.
83 |
84 | To "modify" a work means to copy from or adapt all or part of the work
85 | in a fashion requiring copyright permission, other than the making of an
86 | exact copy. The resulting work is called a "modified version" of the
87 | earlier work or a work "based on" the earlier work.
88 |
89 | A "covered work" means either the unmodified Program or a work based
90 | on the Program.
91 |
92 | To "propagate" a work means to do anything with it that, without
93 | permission, would make you directly or secondarily liable for
94 | infringement under applicable copyright law, except executing it on a
95 | computer or modifying a private copy. Propagation includes copying,
96 | distribution (with or without modification), making available to the
97 | public, and in some countries other activities as well.
98 |
99 | To "convey" a work means any kind of propagation that enables other
100 | parties to make or receive copies. Mere interaction with a user through
101 | a computer network, with no transfer of a copy, is not conveying.
102 |
103 | An interactive user interface displays "Appropriate Legal Notices"
104 | to the extent that it includes a convenient and prominently visible
105 | feature that (1) displays an appropriate copyright notice, and (2)
106 | tells the user that there is no warranty for the work (except to the
107 | extent that warranties are provided), that licensees may convey the
108 | work under this License, and how to view a copy of this License. If
109 | the interface presents a list of user commands or options, such as a
110 | menu, a prominent item in the list meets this criterion.
111 |
112 | 1. Source Code.
113 |
114 | The "source code" for a work means the preferred form of the work
115 | for making modifications to it. "Object code" means any non-source
116 | form of a work.
117 |
118 | A "Standard Interface" means an interface that either is an official
119 | standard defined by a recognized standards body, or, in the case of
120 | interfaces specified for a particular programming language, one that
121 | is widely used among developers working in that language.
122 |
123 | The "System Libraries" of an executable work include anything, other
124 | than the work as a whole, that (a) is included in the normal form of
125 | packaging a Major Component, but which is not part of that Major
126 | Component, and (b) serves only to enable use of the work with that
127 | Major Component, or to implement a Standard Interface for which an
128 | implementation is available to the public in source code form. A
129 | "Major Component", in this context, means a major essential component
130 | (kernel, window system, and so on) of the specific operating system
131 | (if any) on which the executable work runs, or a compiler used to
132 | produce the work, or an object code interpreter used to run it.
133 |
134 | The "Corresponding Source" for a work in object code form means all
135 | the source code needed to generate, install, and (for an executable
136 | work) run the object code and to modify the work, including scripts to
137 | control those activities. However, it does not include the work's
138 | System Libraries, or general-purpose tools or generally available free
139 | programs which are used unmodified in performing those activities but
140 | which are not part of the work. For example, Corresponding Source
141 | includes interface definition files associated with source files for
142 | the work, and the source code for shared libraries and dynamically
143 | linked subprograms that the work is specifically designed to require,
144 | such as by intimate data communication or control flow between those
145 | subprograms and other parts of the work.
146 |
147 | The Corresponding Source need not include anything that users
148 | can regenerate automatically from other parts of the Corresponding
149 | Source.
150 |
151 | The Corresponding Source for a work in source code form is that
152 | same work.
153 |
154 | 2. Basic Permissions.
155 |
156 | All rights granted under this License are granted for the term of
157 | copyright on the Program, and are irrevocable provided the stated
158 | conditions are met. This License explicitly affirms your unlimited
159 | permission to run the unmodified Program. The output from running a
160 | covered work is covered by this License only if the output, given its
161 | content, constitutes a covered work. This License acknowledges your
162 | rights of fair use or other equivalent, as provided by copyright law.
163 |
164 | You may make, run and propagate covered works that you do not
165 | convey, without conditions so long as your license otherwise remains
166 | in force. You may convey covered works to others for the sole purpose
167 | of having them make modifications exclusively for you, or provide you
168 | with facilities for running those works, provided that you comply with
169 | the terms of this License in conveying all material for which you do
170 | not control copyright. Those thus making or running the covered works
171 | for you must do so exclusively on your behalf, under your direction
172 | and control, on terms that prohibit them from making any copies of
173 | your copyrighted material outside their relationship with you.
174 |
175 | Conveying under any other circumstances is permitted solely under
176 | the conditions stated below. Sublicensing is not allowed; section 10
177 | makes it unnecessary.
178 |
179 | 3. Protecting Users' Legal Rights From Anti-Circumvention Law.
180 |
181 | No covered work shall be deemed part of an effective technological
182 | measure under any applicable law fulfilling obligations under article
183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or
184 | similar laws prohibiting or restricting circumvention of such
185 | measures.
186 |
187 | When you convey a covered work, you waive any legal power to forbid
188 | circumvention of technological measures to the extent such circumvention
189 | is effected by exercising rights under this License with respect to
190 | the covered work, and you disclaim any intention to limit operation or
191 | modification of the work as a means of enforcing, against the work's
192 | users, your or third parties' legal rights to forbid circumvention of
193 | technological measures.
194 |
195 | 4. Conveying Verbatim Copies.
196 |
197 | You may convey verbatim copies of the Program's source code as you
198 | receive it, in any medium, provided that you conspicuously and
199 | appropriately publish on each copy an appropriate copyright notice;
200 | keep intact all notices stating that this License and any
201 | non-permissive terms added in accord with section 7 apply to the code;
202 | keep intact all notices of the absence of any warranty; and give all
203 | recipients a copy of this License along with the Program.
204 |
205 | You may charge any price or no price for each copy that you convey,
206 | and you may offer support or warranty protection for a fee.
207 |
208 | 5. Conveying Modified Source Versions.
209 |
210 | You may convey a work based on the Program, or the modifications to
211 | produce it from the Program, in the form of source code under the
212 | terms of section 4, provided that you also meet all of these conditions:
213 |
214 | a) The work must carry prominent notices stating that you modified
215 | it, and giving a relevant date.
216 |
217 | b) The work must carry prominent notices stating that it is
218 | released under this License and any conditions added under section
219 | 7. This requirement modifies the requirement in section 4 to
220 | "keep intact all notices".
221 |
222 | c) You must license the entire work, as a whole, under this
223 | License to anyone who comes into possession of a copy. This
224 | License will therefore apply, along with any applicable section 7
225 | additional terms, to the whole of the work, and all its parts,
226 | regardless of how they are packaged. This License gives no
227 | permission to license the work in any other way, but it does not
228 | invalidate such permission if you have separately received it.
229 |
230 | d) If the work has interactive user interfaces, each must display
231 | Appropriate Legal Notices; however, if the Program has interactive
232 | interfaces that do not display Appropriate Legal Notices, your
233 | work need not make them do so.
234 |
235 | A compilation of a covered work with other separate and independent
236 | works, which are not by their nature extensions of the covered work,
237 | and which are not combined with it such as to form a larger program,
238 | in or on a volume of a storage or distribution medium, is called an
239 | "aggregate" if the compilation and its resulting copyright are not
240 | used to limit the access or legal rights of the compilation's users
241 | beyond what the individual works permit. Inclusion of a covered work
242 | in an aggregate does not cause this License to apply to the other
243 | parts of the aggregate.
244 |
245 | 6. Conveying Non-Source Forms.
246 |
247 | You may convey a covered work in object code form under the terms
248 | of sections 4 and 5, provided that you also convey the
249 | machine-readable Corresponding Source under the terms of this License,
250 | in one of these ways:
251 |
252 | a) Convey the object code in, or embodied in, a physical product
253 | (including a physical distribution medium), accompanied by the
254 | Corresponding Source fixed on a durable physical medium
255 | customarily used for software interchange.
256 |
257 | b) Convey the object code in, or embodied in, a physical product
258 | (including a physical distribution medium), accompanied by a
259 | written offer, valid for at least three years and valid for as
260 | long as you offer spare parts or customer support for that product
261 | model, to give anyone who possesses the object code either (1) a
262 | copy of the Corresponding Source for all the software in the
263 | product that is covered by this License, on a durable physical
264 | medium customarily used for software interchange, for a price no
265 | more than your reasonable cost of physically performing this
266 | conveying of source, or (2) access to copy the
267 | Corresponding Source from a network server at no charge.
268 |
269 | c) Convey individual copies of the object code with a copy of the
270 | written offer to provide the Corresponding Source. This
271 | alternative is allowed only occasionally and noncommercially, and
272 | only if you received the object code with such an offer, in accord
273 | with subsection 6b.
274 |
275 | d) Convey the object code by offering access from a designated
276 | place (gratis or for a charge), and offer equivalent access to the
277 | Corresponding Source in the same way through the same place at no
278 | further charge. You need not require recipients to copy the
279 | Corresponding Source along with the object code. If the place to
280 | copy the object code is a network server, the Corresponding Source
281 | may be on a different server (operated by you or a third party)
282 | that supports equivalent copying facilities, provided you maintain
283 | clear directions next to the object code saying where to find the
284 | Corresponding Source. Regardless of what server hosts the
285 | Corresponding Source, you remain obligated to ensure that it is
286 | available for as long as needed to satisfy these requirements.
287 |
288 | e) Convey the object code using peer-to-peer transmission, provided
289 | you inform other peers where the object code and Corresponding
290 | Source of the work are being offered to the general public at no
291 | charge under subsection 6d.
292 |
293 | A separable portion of the object code, whose source code is excluded
294 | from the Corresponding Source as a System Library, need not be
295 | included in conveying the object code work.
296 |
297 | A "User Product" is either (1) a "consumer product", which means any
298 | tangible personal property which is normally used for personal, family,
299 | or household purposes, or (2) anything designed or sold for incorporation
300 | into a dwelling. In determining whether a product is a consumer product,
301 | doubtful cases shall be resolved in favor of coverage. For a particular
302 | product received by a particular user, "normally used" refers to a
303 | typical or common use of that class of product, regardless of the status
304 | of the particular user or of the way in which the particular user
305 | actually uses, or expects or is expected to use, the product. A product
306 | is a consumer product regardless of whether the product has substantial
307 | commercial, industrial or non-consumer uses, unless such uses represent
308 | the only significant mode of use of the product.
309 |
310 | "Installation Information" for a User Product means any methods,
311 | procedures, authorization keys, or other information required to install
312 | and execute modified versions of a covered work in that User Product from
313 | a modified version of its Corresponding Source. The information must
314 | suffice to ensure that the continued functioning of the modified object
315 | code is in no case prevented or interfered with solely because
316 | modification has been made.
317 |
318 | If you convey an object code work under this section in, or with, or
319 | specifically for use in, a User Product, and the conveying occurs as
320 | part of a transaction in which the right of possession and use of the
321 | User Product is transferred to the recipient in perpetuity or for a
322 | fixed term (regardless of how the transaction is characterized), the
323 | Corresponding Source conveyed under this section must be accompanied
324 | by the Installation Information. But this requirement does not apply
325 | if neither you nor any third party retains the ability to install
326 | modified object code on the User Product (for example, the work has
327 | been installed in ROM).
328 |
329 | The requirement to provide Installation Information does not include a
330 | requirement to continue to provide support service, warranty, or updates
331 | for a work that has been modified or installed by the recipient, or for
332 | the User Product in which it has been modified or installed. Access to a
333 | network may be denied when the modification itself materially and
334 | adversely affects the operation of the network or violates the rules and
335 | protocols for communication across the network.
336 |
337 | Corresponding Source conveyed, and Installation Information provided,
338 | in accord with this section must be in a format that is publicly
339 | documented (and with an implementation available to the public in
340 | source code form), and must require no special password or key for
341 | unpacking, reading or copying.
342 |
343 | 7. Additional Terms.
344 |
345 | "Additional permissions" are terms that supplement the terms of this
346 | License by making exceptions from one or more of its conditions.
347 | Additional permissions that are applicable to the entire Program shall
348 | be treated as though they were included in this License, to the extent
349 | that they are valid under applicable law. If additional permissions
350 | apply only to part of the Program, that part may be used separately
351 | under those permissions, but the entire Program remains governed by
352 | this License without regard to the additional permissions.
353 |
354 | When you convey a copy of a covered work, you may at your option
355 | remove any additional permissions from that copy, or from any part of
356 | it. (Additional permissions may be written to require their own
357 | removal in certain cases when you modify the work.) You may place
358 | additional permissions on material, added by you to a covered work,
359 | for which you have or can give appropriate copyright permission.
360 |
361 | Notwithstanding any other provision of this License, for material you
362 | add to a covered work, you may (if authorized by the copyright holders of
363 | that material) supplement the terms of this License with terms:
364 |
365 | a) Disclaiming warranty or limiting liability differently from the
366 | terms of sections 15 and 16 of this License; or
367 |
368 | b) Requiring preservation of specified reasonable legal notices or
369 | author attributions in that material or in the Appropriate Legal
370 | Notices displayed by works containing it; or
371 |
372 | c) Prohibiting misrepresentation of the origin of that material, or
373 | requiring that modified versions of such material be marked in
374 | reasonable ways as different from the original version; or
375 |
376 | d) Limiting the use for publicity purposes of names of licensors or
377 | authors of the material; or
378 |
379 | e) Declining to grant rights under trademark law for use of some
380 | trade names, trademarks, or service marks; or
381 |
382 | f) Requiring indemnification of licensors and authors of that
383 | material by anyone who conveys the material (or modified versions of
384 | it) with contractual assumptions of liability to the recipient, for
385 | any liability that these contractual assumptions directly impose on
386 | those licensors and authors.
387 |
388 | All other non-permissive additional terms are considered "further
389 | restrictions" within the meaning of section 10. If the Program as you
390 | received it, or any part of it, contains a notice stating that it is
391 | governed by this License along with a term that is a further
392 | restriction, you may remove that term. If a license document contains
393 | a further restriction but permits relicensing or conveying under this
394 | License, you may add to a covered work material governed by the terms
395 | of that license document, provided that the further restriction does
396 | not survive such relicensing or conveying.
397 |
398 | If you add terms to a covered work in accord with this section, you
399 | must place, in the relevant source files, a statement of the
400 | additional terms that apply to those files, or a notice indicating
401 | where to find the applicable terms.
402 |
403 | Additional terms, permissive or non-permissive, may be stated in the
404 | form of a separately written license, or stated as exceptions;
405 | the above requirements apply either way.
406 |
407 | 8. Termination.
408 |
409 | You may not propagate or modify a covered work except as expressly
410 | provided under this License. Any attempt otherwise to propagate or
411 | modify it is void, and will automatically terminate your rights under
412 | this License (including any patent licenses granted under the third
413 | paragraph of section 11).
414 |
415 | However, if you cease all violation of this License, then your
416 | license from a particular copyright holder is reinstated (a)
417 | provisionally, unless and until the copyright holder explicitly and
418 | finally terminates your license, and (b) permanently, if the copyright
419 | holder fails to notify you of the violation by some reasonable means
420 | prior to 60 days after the cessation.
421 |
422 | Moreover, your license from a particular copyright holder is
423 | reinstated permanently if the copyright holder notifies you of the
424 | violation by some reasonable means, this is the first time you have
425 | received notice of violation of this License (for any work) from that
426 | copyright holder, and you cure the violation prior to 30 days after
427 | your receipt of the notice.
428 |
429 | Termination of your rights under this section does not terminate the
430 | licenses of parties who have received copies or rights from you under
431 | this License. If your rights have been terminated and not permanently
432 | reinstated, you do not qualify to receive new licenses for the same
433 | material under section 10.
434 |
435 | 9. Acceptance Not Required for Having Copies.
436 |
437 | You are not required to accept this License in order to receive or
438 | run a copy of the Program. Ancillary propagation of a covered work
439 | occurring solely as a consequence of using peer-to-peer transmission
440 | to receive a copy likewise does not require acceptance. However,
441 | nothing other than this License grants you permission to propagate or
442 | modify any covered work. These actions infringe copyright if you do
443 | not accept this License. Therefore, by modifying or propagating a
444 | covered work, you indicate your acceptance of this License to do so.
445 |
446 | 10. Automatic Licensing of Downstream Recipients.
447 |
448 | Each time you convey a covered work, the recipient automatically
449 | receives a license from the original licensors, to run, modify and
450 | propagate that work, subject to this License. You are not responsible
451 | for enforcing compliance by third parties with this License.
452 |
453 | An "entity transaction" is a transaction transferring control of an
454 | organization, or substantially all assets of one, or subdividing an
455 | organization, or merging organizations. If propagation of a covered
456 | work results from an entity transaction, each party to that
457 | transaction who receives a copy of the work also receives whatever
458 | licenses to the work the party's predecessor in interest had or could
459 | give under the previous paragraph, plus a right to possession of the
460 | Corresponding Source of the work from the predecessor in interest, if
461 | the predecessor has it or can get it with reasonable efforts.
462 |
463 | You may not impose any further restrictions on the exercise of the
464 | rights granted or affirmed under this License. For example, you may
465 | not impose a license fee, royalty, or other charge for exercise of
466 | rights granted under this License, and you may not initiate litigation
467 | (including a cross-claim or counterclaim in a lawsuit) alleging that
468 | any patent claim is infringed by making, using, selling, offering for
469 | sale, or importing the Program or any portion of it.
470 |
471 | 11. Patents.
472 |
473 | A "contributor" is a copyright holder who authorizes use under this
474 | License of the Program or a work on which the Program is based. The
475 | work thus licensed is called the contributor's "contributor version".
476 |
477 | A contributor's "essential patent claims" are all patent claims
478 | owned or controlled by the contributor, whether already acquired or
479 | hereafter acquired, that would be infringed by some manner, permitted
480 | by this License, of making, using, or selling its contributor version,
481 | but do not include claims that would be infringed only as a
482 | consequence of further modification of the contributor version. For
483 | purposes of this definition, "control" includes the right to grant
484 | patent sublicenses in a manner consistent with the requirements of
485 | this License.
486 |
487 | Each contributor grants you a non-exclusive, worldwide, royalty-free
488 | patent license under the contributor's essential patent claims, to
489 | make, use, sell, offer for sale, import and otherwise run, modify and
490 | propagate the contents of its contributor version.
491 |
492 | In the following three paragraphs, a "patent license" is any express
493 | agreement or commitment, however denominated, not to enforce a patent
494 | (such as an express permission to practice a patent or covenant not to
495 | sue for patent infringement). To "grant" such a patent license to a
496 | party means to make such an agreement or commitment not to enforce a
497 | patent against the party.
498 |
499 | If you convey a covered work, knowingly relying on a patent license,
500 | and the Corresponding Source of the work is not available for anyone
501 | to copy, free of charge and under the terms of this License, through a
502 | publicly available network server or other readily accessible means,
503 | then you must either (1) cause the Corresponding Source to be so
504 | available, or (2) arrange to deprive yourself of the benefit of the
505 | patent license for this particular work, or (3) arrange, in a manner
506 | consistent with the requirements of this License, to extend the patent
507 | license to downstream recipients. "Knowingly relying" means you have
508 | actual knowledge that, but for the patent license, your conveying the
509 | covered work in a country, or your recipient's use of the covered work
510 | in a country, would infringe one or more identifiable patents in that
511 | country that you have reason to believe are valid.
512 |
513 | If, pursuant to or in connection with a single transaction or
514 | arrangement, you convey, or propagate by procuring conveyance of, a
515 | covered work, and grant a patent license to some of the parties
516 | receiving the covered work authorizing them to use, propagate, modify
517 | or convey a specific copy of the covered work, then the patent license
518 | you grant is automatically extended to all recipients of the covered
519 | work and works based on it.
520 |
521 | A patent license is "discriminatory" if it does not include within
522 | the scope of its coverage, prohibits the exercise of, or is
523 | conditioned on the non-exercise of one or more of the rights that are
524 | specifically granted under this License. You may not convey a covered
525 | work if you are a party to an arrangement with a third party that is
526 | in the business of distributing software, under which you make payment
527 | to the third party based on the extent of your activity of conveying
528 | the work, and under which the third party grants, to any of the
529 | parties who would receive the covered work from you, a discriminatory
530 | patent license (a) in connection with copies of the covered work
531 | conveyed by you (or copies made from those copies), or (b) primarily
532 | for and in connection with specific products or compilations that
533 | contain the covered work, unless you entered into that arrangement,
534 | or that patent license was granted, prior to 28 March 2007.
535 |
536 | Nothing in this License shall be construed as excluding or limiting
537 | any implied license or other defenses to infringement that may
538 | otherwise be available to you under applicable patent law.
539 |
540 | 12. No Surrender of Others' Freedom.
541 |
542 | If conditions are imposed on you (whether by court order, agreement or
543 | otherwise) that contradict the conditions of this License, they do not
544 | excuse you from the conditions of this License. If you cannot convey a
545 | covered work so as to satisfy simultaneously your obligations under this
546 | License and any other pertinent obligations, then as a consequence you may
547 | not convey it at all. For example, if you agree to terms that obligate you
548 | to collect a royalty for further conveying from those to whom you convey
549 | the Program, the only way you could satisfy both those terms and this
550 | License would be to refrain entirely from conveying the Program.
551 |
552 | 13. Use with the GNU Affero General Public License.
553 |
554 | Notwithstanding any other provision of this License, you have
555 | permission to link or combine any covered work with a work licensed
556 | under version 3 of the GNU Affero General Public License into a single
557 | combined work, and to convey the resulting work. The terms of this
558 | License will continue to apply to the part which is the covered work,
559 | but the special requirements of the GNU Affero General Public License,
560 | section 13, concerning interaction through a network will apply to the
561 | combination as such.
562 |
563 | 14. Revised Versions of this License.
564 |
565 | The Free Software Foundation may publish revised and/or new versions of
566 | the GNU General Public License from time to time. Such new versions will
567 | be similar in spirit to the present version, but may differ in detail to
568 | address new problems or concerns.
569 |
570 | Each version is given a distinguishing version number. If the
571 | Program specifies that a certain numbered version of the GNU General
572 | Public License "or any later version" applies to it, you have the
573 | option of following the terms and conditions either of that numbered
574 | version or of any later version published by the Free Software
575 | Foundation. If the Program does not specify a version number of the
576 | GNU General Public License, you may choose any version ever published
577 | by the Free Software Foundation.
578 |
579 | If the Program specifies that a proxy can decide which future
580 | versions of the GNU General Public License can be used, that proxy's
581 | public statement of acceptance of a version permanently authorizes you
582 | to choose that version for the Program.
583 |
584 | Later license versions may give you additional or different
585 | permissions. However, no additional obligations are imposed on any
586 | author or copyright holder as a result of your choosing to follow a
587 | later version.
588 |
589 | 15. Disclaimer of Warranty.
590 |
591 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
592 | APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
596 | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
597 | IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
599 |
600 | 16. Limitation of Liability.
601 |
602 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
610 | SUCH DAMAGES.
611 |
612 | 17. Interpretation of Sections 15 and 16.
613 |
614 | If the disclaimer of warranty and limitation of liability provided
615 | above cannot be given local legal effect according to their terms,
616 | reviewing courts shall apply local law that most closely approximates
617 | an absolute waiver of all civil liability in connection with the
618 | Program, unless a warranty or assumption of liability accompanies a
619 | copy of the Program in return for a fee.
620 |
621 | END OF TERMS AND CONDITIONS
622 |
623 | How to Apply These Terms to Your New Programs
624 |
625 | If you develop a new program, and you want it to be of the greatest
626 | possible use to the public, the best way to achieve this is to make it
627 | free software which everyone can redistribute and change under these terms.
628 |
629 | To do so, attach the following notices to the program. It is safest
630 | to attach them to the start of each source file to most effectively
631 | state the exclusion of warranty; and each file should have at least
632 | the "copyright" line and a pointer to where the full notice is found.
633 |
634 |
635 | Copyright (C)
636 |
637 | This program is free software: you can redistribute it and/or modify
638 | it under the terms of the GNU General Public License as published by
639 | the Free Software Foundation, either version 3 of the License, or
640 | (at your option) any later version.
641 |
642 | This program is distributed in the hope that it will be useful,
643 | but WITHOUT ANY WARRANTY; without even the implied warranty of
644 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
645 | GNU General Public License for more details.
646 |
647 | You should have received a copy of the GNU General Public License
648 | along with this program. If not, see .
649 |
650 | Also add information on how to contact you by electronic and paper mail.
651 |
652 | If the program does terminal interaction, make it output a short
653 | notice like this when it starts in an interactive mode:
654 |
655 | Copyright (C)
656 | This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
657 | This is free software, and you are welcome to redistribute it
658 | under certain conditions; type `show c' for details.
659 |
660 | The hypothetical commands `show w' and `show c' should show the appropriate
661 | parts of the General Public License. Of course, your program's commands
662 | might be different; for a GUI interface, you would use an "about box".
663 |
664 | You should also get your employer (if you work as a programmer) or school,
665 | if any, to sign a "copyright disclaimer" for the program, if necessary.
666 | For more information on this, and how to apply and follow the GNU GPL, see
667 | .
668 |
669 | The GNU General Public License does not permit incorporating your program
670 | into proprietary programs. If your program is a subroutine library, you
671 | may consider it more useful to permit linking proprietary applications with
672 | the library. If this is what you want to do, use the GNU Lesser General
673 | Public License instead of this License. But first, please read
674 | .
675 |
--------------------------------------------------------------------------------