ydeng/audioshowkit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added some groundwork for showcase files.

Browse Source
This commit is contained in:
Harrison Deng
2022-04-17 18:47:24 -05:00
parent cf220fd189
commit e5996b5cb8
14 changed files with 596 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
showcase/src/css/prism.css Normal file
View File

@@ -0,0 +1,3 @@
/* PrismJS 1.28.0
https://prismjs.com/download.html#themes=prism&languages=markup+css */
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}

29
showcase/src/index.html
View File

@@ -5,11 +5,38 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./css/prism.css" rel="stylesheet" />
<script src="./js/prism.js"></script>
<script src="../node_modules/audioshowkit/dist/audioshowkit.js" defer></script>
<title>AudioShowKit Showcase</title>
</head>
<body>
<div>
<h1>Welcome to the AudioShowKit Showcase!</h1>
<div>
<h2>Song Player</h2>
<p>The song player acts as a easier way for developers to set up multiple audio sources to play while a user
is browsing through their site.</p>
</div>
<div>
<h2>Visualizer and Visualizer Update Manager</h2>
<p>The visualizer itself serves little purpose other than creating a central location for updating and obtaining amplitude over the frequency domain data. It comes with a simple update system in which can be used to listen to updates over the entire bin.</p>
<p>Instead, the visualizer update manager handles the detailed update sequences in terms of:</p>
<ul>
<li>
Individual bins, where the parameters are the elapsed time since last update, the amplitude of the updating bin, and the delta of the amplitude from the last update.
</li>
<li>
Ranges of bins, where the parameters are the elapsed time since last updating, and an array of the amplitudes.
</li>
</ul>
</div>
<div>
<h2>Mappings</h2>
<p>Mappings mainly provide functions for mapping commonly used CSS properties to a given range of frequency bins, or a single bin. The mappings portion of the library also contain helper functions for converting between CSS colors and interpolation functions.</p>
</div>
</div>
</body>
</html>

1
showcase/src/js/main.js Normal file
View File

@@ -0,0 +1 @@
console.log("test");

5
showcase/src/js/prism.js Normal file
View File

File diff suppressed because one or more lines are too long