noisebox/index.html at master · mcccsm/noisebox · 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NOISEBOX — Brown Noise, White Noise & Ambient Sound Generator with ASCII Visuals</title>
<meta name="description" content="Free online noise generator with brown, white, pink, blue, violet noise, binaural beats, parametric EQ, reverb, delay and real-time ASCII art visuals. Ideal for focus, sleep, meditation and relaxation.">
<meta name="keywords" content="brown noise, white noise, pink noise, noise generator, ambient sound, binaural beats, sleep sounds, focus music, sound machine, ASCII art, audio visualizer, relaxation, meditation, ASMR, lo-fi, parametric EQ, reverb, sound design">
<meta name="author" content="NOISEBOX">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#0a0a0a">
<link rel="canonical" href="https://noisebox.cosimomiccol.is/">

<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/favicon.svg">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="NOISEBOX — Noise Generator + ASCII Visuals">
<meta property="og:description" content="Free browser-based noise synthesizer with brown, white, pink noise, binaural beats, effects chain and reactive ASCII art. No install, no signup.">
<meta property="og:url" content="https://noisebox.cosimomiccol.is/">
<meta property="og:site_name" content="NOISEBOX">
<meta property="og:image" content="https://noisebox.cosimomiccol.is/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:locale" content="en_US">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="NOISEBOX — Noise Generator + ASCII Visuals">
<meta name="twitter:description" content="Brown noise, white noise, pink noise, binaural beats with parametric EQ, reverb, delay and real-time ASCII art visuals. Free, no signup.">
<meta name="twitter:image" content="https://noisebox.cosimomiccol.is/og.png">

<!-- Structured Data -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebApplication",
  "name": "NOISEBOX",
  "url": "https://noisebox.cosimomiccol.is/",
  "description": "Free online noise generator with brown, white, pink, blue, violet noise, binaural beats, effects chain and real-time ASCII art visuals for focus, sleep and meditation.",
  "applicationCategory": "MultimediaApplication",
  "operatingSystem": "Any",
  "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" },
  "browserRequirements": "Requires a modern browser with Web Audio API support",
  "featureList": ["Brown noise", "White noise", "Pink noise", "Blue noise", "Violet noise", "Binaural beats", "Parametric EQ", "Reverb", "Delay", "Compressor", "Distortion", "Chorus", "Bitcrusher", "LFO modulation", "ASCII art visuals", "Shareable presets", "Microphone input"]
}
</script>

<style>
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0a;font-family:'Courier New',monospace}
canvas{display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:0}
#toolbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:10px 14px;z-index:20;background:rgba(10,10,10,.6);backdrop-filter:blur(6px)}
</style>
<script defer src="https://stats.rapidamente.online/script.js" data-website-id="458e4cc0-6d77-4f99-aba1-ed41cf0c4645"></script>
</head>
<body>
<canvas id="c" aria-label="Real-time ASCII art audio visualizer"></canvas>
<script type="module" src="/src/main.js"></script>
</body>
</html>