-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (60 loc) · 2.72 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#666666">
<link href="app.webmanifest" rel="manifest">
<link href="resources/site.css" rel="preload" as="style">
<link href="resources/linuxfront-icon-01-192-full.png" rel="apple-touch-icon">
<title>CSAVE Audio</title>
<script src="resources/decorate.js" type="module" async></script>
<script src="resources/app.js" type="module"></script>
</head>
<body class="site-vbox">
<div class="site-vbox-grow site-scroll">
<main class="site-content">
<section>
<h1>About this application</h1>
<p>This is a web application that uses the
<a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a>
to produce “CSAVE sounds” on the browser in real-time.
It also uses the
<a href="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API">Service Worker API</a>
to cache files locally on the browser.</p>
<p>The source code is available from the
<a href="https://bitbucket.org/linuxfront/web-csave-audio">SCM repository</a>.
<em>Safari and other WebKit-based browsers are not fully supported</em>,
and it might occasionally be broken from time to time.</p>
<p><a href="https://gitter.im/kazssym/web-csave-audio" target="_blank" rel="noreferrer noopener">
<img alt="Gitter" src="https://img.shields.io/gitter/room/kazssym/web-csave-audio"></a></p>
</section>
<form class="pure-form pure-form-stacked" name="demo">
<h1>Demonstration</h1>
<fieldset>
<legend>Symbol rate</legend>
<label><input type="radio" name="symbol-rate" value="1200" checked> 1200 baud</label>
<label><input type="radio" name="symbol-rate" value="600"> 600 baud</label>
<label><input type="radio" name="symbol-rate" value="300"> 300 baud</label>
</fieldset>
<div>
<button class="pure-button pure-button-primary app-command-play" type="button" disabled>
<span class="material-icons">play_arrow</span> Play</button>
<a id="download" class="pure-button pure-button-disabled" download="csave" rel="nofollow">
<span class="material-icons">save_alt</span> Download</a>
</div>
<h2>Data</h2>
<label>Text to CSAVE
<textarea id="text-data" name="text" cols="80" rows="20">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
</textarea></label>
</form>
</main>
</div>
</body>
</html>