This repository has been archived by the owner on Jul 17, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (113 loc) · 5.87 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!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"><!-- Begin Jekyll SEO tag v2.5.0 -->
<title>Meyda: Javascript Audio Feature Extraction | Meyda is a Javascript audio feature extraction library. Meyda supports both offline feature extraction as well as real-time feature extraction using the Web Audio API.</title>
<meta name="generator" content="Jekyll v3.8.5" />
<meta property="og:title" content="Meyda: Javascript Audio Feature Extraction" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Meyda is a Javascript audio feature extraction library. Meyda supports both offline feature extraction as well as real-time feature extraction using the Web Audio API." />
<meta property="og:description" content="Meyda is a Javascript audio feature extraction library. Meyda supports both offline feature extraction as well as real-time feature extraction using the Web Audio API." />
<link rel="canonical" href="/" />
<meta property="og:url" content="/" />
<meta property="og:site_name" content="Meyda: Javascript Audio Feature Extraction" />
<script type="application/ld+json">
{"description":"Meyda is a Javascript audio feature extraction library. Meyda supports both offline feature extraction as well as real-time feature extraction using the Web Audio API.","url":"/","headline":"Meyda: Javascript Audio Feature Extraction","name":"Meyda: Javascript Audio Feature Extraction","@type":"WebSite","@context":"http://schema.org"}</script>
<!-- End Jekyll SEO tag -->
<link rel="stylesheet" href="/assets/main.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" title="Meyda: Javascript Audio Feature Extraction" /></head>
<body>
<div class="container"><div class="row">
<div class="col">
<a href="/" id="title-link"><h1 class="display-1">Meyda</h1></a>
<p class="lead">Audio feature extraction for JavaScript.</p>
<hr>
</div><nav>
<a href="/getting-started">Getting Started</a> |
<a href="/reference">Reference</a> |
<a href="/audio-features">Audio Features</a> |
<a href="/showcase">Showcase</a> |
<a href="/guides/contributing">Contributing</a> |
<a href="https://github.com/hughrawlinson/meyda/issues">Issue Tracker</a>
</nav>
</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="/assets/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 id="chroma"></div>
<div id="mfcc"></div>
</div>
<hr>
</div>
<script src="/assets/main.js"></script>
<div class="row">
<div class="col">
<hr />
<h2 id="what-is-meyda">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>
<p>Want to ask questions, or chat about Meyda? Check out our <a href="https://web-audio.slack.com/messages/C51A03LBS/">slack channel</a> on the Web Audio Slack Team. You’ll need to <a href="https://web-audio-slackin.herokuapp.com/">sign up here</a> before you can join.</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>
<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>