This repository has been archived by the owner on Sep 23, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·95 lines (95 loc) · 4.69 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Meyda</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script type="text/javascript" src="https://npmcdn.com/meyda/dist/web/meyda.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/84/three.js" charset="utf-8"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col">
<h1 class="display-1">Meyda</h1>
<p class="lead">Audio feature extraction for JavaScript.</p>
<hr>
</div>
</div>
<div class="row">
<div id="showcase" class="col">
<div id="audioControl">
<p>Allow microphone access or play this audio file to see a demo.</p>
<audio id="elvisSong" controls src="ripitup.mp3"></audio>
</div>
<canvas></canvas>
<div id="legend">
<div class="key-item">
<div class="key-color pink"></div><div class="key-text">Root Mean Squared (RMS)</div>
</div>
<div class="key-item">
<div class="key-color yellow"></div><div class="key-text">Spectral Centroid</div>
</div>
<div class="key-item">
<div class="key-color blue"></div><div class="key-text">Spectral Rolloff</div>
</div>
</div>
</div>
<hr>
</div>
<div class="row">
<div class="col">
<hr>
<h2>What is Meyda?</h2>
<p>Meyda is a JavaScript audio feature extraction library. It works with the Web Audio API (or plain old JavaScript arrays) to expose information about the timbre and perceived qualities of sound. Meyda supports both offline feature extraction as well as real-time feature extraction using the <a href="https://github.com/WebAudio/web-audio-api">Web Audio API</a>. We wrote a paper about it, which is available <a href="http://doc.gold.ac.uk/%7Emu202hr/publications/RawlinsonSegalFiala_WAC2015.pdf">here</a>.</p>
<hr>
<h2>Documentation & How-To</h2>
<p>Documentation can be found in its most up to date form <a href="https://github.com/hughrawlinson/meyda/wiki/getting-started">on our GitHub powered wiki</a>.</p>
<p>Information about our audio features is available <a href="https://github.com/hughrawlinson/meyda/wiki/getting-started">at our wiki</a></p>
<p>If you have further questions, we encourage you to get in contact either through our GitHub based <a href="https://github.com/hughrawlinson/meyda/issues">Issue Tracker</a>, or via Twitter.</p>
<hr>
</div>
</div>
<div class="row text-center">
<div class="col-6 col-sm-3">
<dl>
<dt>Hugh Rawlinson</dt>
<dd><a href="http://twitter.com/hughrawlinson">@hughrawlinson</a></dd>
</dl>
</div>
<div class="col-6 col-sm-3">
<dl>
<dt>Nevo Segal</dt>
<dd><a href="http://twitter.com/nevosegal">@nevosegal</a></dd>
</dl>
</div>
<div class="col-6 col-sm-3">
<dl>
<dt>Jakub Fiala</dt>
<dd><a href="http://twitter.com/fiala__">@fiala__</a></dd>
</dl>
</div>
<div class="col-6 col-sm-3">
<dl>
<dt>Sam Wray</dt>
<dd><a href="https://twitter.com/_2xAA">@_2xAA</a></dd>
</dl>
</div>
</div>
<div class="row">
<div class="col">
<footer class="blog-footer">
<hr>
<p>Showcase site built by the Meyda core team. You can <a href="https://github.com/hughrawlinson/meyda/wiki/contributing">contribute</a> too you know!</p>
<p><a href="#">Back to top</a></p>
</footer>
</div>
</div>
</div>
<script src="main.js"></script>
<a href="https://github.com/hughrawlinson/meyda"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png"></a>
</body>
</html>