-
Notifications
You must be signed in to change notification settings - Fork 26
/
Copy pathindex.html
executable file
·178 lines (146 loc) · 8.38 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!doctype html>
<html lang="en">
<link rel="stylesheet" type="text/css" href="examples/common.css">
<head>
<title>WebAudio HOA</title>
<meta charset="utf-8" />
</head>
<body>
<h1>WebAudioAPI First and Higher Order Ambisonic Examples</h1>
<h3>The examples below illustrate the use of the
<a href="https://github.com/polarch/JSAmbisonics">JS Ambisonics Library</a>:
</h3>
<hr>
<h3>FOA examples</h3>
<div class="fancy">
<a href="examples/foa-panner.html"> <br/>FOA Panner</a>
<p> An example of a first-order ambisonic encoding of a sound source.
The user can control the direction of the source.<br/>
The vector intensity visualizer analyzes the sound-field and shows the strongest sound activity.<br/>
In this case, as there is only a single source, it just follows it.
</p>
</div>
<div class="fancy">
<a href="examples/foa-player.html"> <br/>FOA Player</a>
<p> An example of a loading FOA ambisonic recordings, with binaural decoding.<br/>
The user can control the rotation of the sound scene.<br/>
The vector intensity visualizer analyzes the sound-field and shows the strongest sound activity.<br/>
In this case, multiple directions are rapidly analyzed according to the sound scene activity.
</p>
</div>
<div class="fancy">
<a href="examples/foa-convolver.html"> <br/>FOA Convolver</a>
<p> An example of applying a FOA ambisonic room impulse response to an anechoic sound source, with binaural decoding.<br/>
The user can control the rotation of the sound scene.<br/>
The vector intensity visualizer analyzes the sound-field and shows the strongest sound activity.<br/>
In this case, multiple directions are rapidly analyzed according to the sound scene activity.
</p>
</div>
<div class="fancy">
<a href="examples/foa-virtual-mic.html"> <br/>FOA Virtual Microphone</a>
<p> An example of a listening to the output of a virtual microphone, inside a FOA ambisonic recording.<br/>
The user can control the look-up direction of the microphone, and its pattern.<br/>
The vector intensity visualizer analyzes the sound-field and shows the strongest sound activity.<br/>
In this case, multiple directions are rapidly analyzed according to the sound scene activity.
</p>
</div>
<br/>
<hr>
<h3>HOA examples</h3>
<div class="fancy">
<a href="examples/hoa-panner.html"> <br/>HOA Panner</a>
<p> An example of a higher-order ambisonic encoding of a sound source. </br>
The example demonstrates the effect of the ambisonic order on the perception of the sound source. </br>
The user can switch between different sets of decoding filters on-the-fly.
</p>
</div>
<div class="fancy">
<a href="examples/hoa-panner-sofa2D.html"> <br/>2D HOA Panner</a>
<p> An example of a higher-order ambisonic encoding only using circular harmonics (2D). </br>
Same example as above but with 2D classes and horizontal only spatialization. </br>
Allows the use of Ambisonics up to 15th order.
</p>
</div>
<div class="fancy">
<a href="examples/hoa-player.html"> <br/>HOA Player</a>
<p> An example of a loading HOA ambisonic recordings, with binaural decoding.<br/>
The user can control the rotation of the sound scene.<br/>
The example demonstrates the effect of the ambisonic order on the perception of the sound source. </br>
The user can switch between different sets of decoding filters on-the-fly.
</p>
</div>
<div class="fancy">
<a href="examples/hoa-convolver.html"> <br/>HOA Convolver</a>
<p> An example of applying a HOA ambisonic room impulse response to an anechoic sound source, with binaural decoding.<br/>
The user can control the rotation of the sound scene.<br/>
The vector intensity visualizer analyzes the sound-field and shows the strongest sound activity.<br/>
In this case, multiple directions are rapidly analyzed according to the sound scene activity.
</p>
</div>
<div class="fancy">
<a href="examples/hoa-virtual-mic.html"> <br/>HOA Virtual Microphone</a>
<p> An example of a listening to the output of a virtual microphone, inside a HOA ambisonic recording.<br/>
The user can control the look-up direction of the microphone, and its pattern.<br/>
The vector intensity visualizer analyzes the sound-field and shows the strongest sound activity.<br/>
In this case, multiple directions are rapidly analyzed according to the sound scene activity.
</p>
</div>
<div class="fancy">
<a href="examples/hoa-panner-to-multi.html"> <br/>HOA Panner to multi-channel speaker array</a>
<p> An example of a higher-order ambisonic encoding of a sound source and decoding to an array of speakers. </br>
The example demonstrates how to use the web audio API for rendering on a multi-channel architecture.
</p>
</div>
<div class="fancy">
<a href="examples/hoa-player-to-multi.html"> <br/>HOA Player to multi-channel speaker array</a>
<p> An example of a loading HOA ambisonic recordings, decoded on a mutli-channel array of speakers. </br>
The example demonstrates how to use the web audio API for rendering on a multi-channel architecture.
</p>
</div>
<br/>
<hr>
<h3>Mobile Device-tracked Audiovisual Player example</h3>
<div class="fancy">
<a href="examples/AVmobile_demo/index.html"> <br/>Google-Cardboard-style Spherical Audio/Video player (Android/Chrome only!)</a>
<p>
The following example combines spherical video
rendering, Google-Carboard style, with head-tracking based on the
smartphone/tablet orientation sensors, and respective ambisonic rendering
using JSAmbisonics.<br/>
The WebGL/THREEJS code for the visuals is based on the tutorial code
available <a href="https://www.gadgetdaily.xyz/create-virtual-reality-panoramas-with-three-js/"> here</a>.<br/><br/>
The audio/video recording is taken in Helsinki Concert Hall (Musiikkitalo), on a Brahms piece rehearsed by the Sibelius Academy Symphony Orchestra.
</p>
</div>
<br/>
<hr>
<h3>SOFA HRTFs integration example</h3>
<div class="fancy">
<a href="examples/hoa-panner-sofa.html"> <br/>SOFA HRTFs HOA panner</a>
<p> This is the same as the HOA panner example above, but in this example integration with SOFA HRTFs is demonstrated. Instead of loading or switching the decoding filters directly, as in the previous examples, different sets of HRTFs in the SOFA format are loaded and switched, and the decoding filters are generated automatically for the specified order.
</p>
</div>
<br/>
<hr>
<h3>WebGL integration examples</h3>
<div class="fancy">
<a href="examples/hoa-virtual-mic-gl.html"> <br/>WebGL Virtual Microphone visualization</a>
<p> This is the same as the HOA virtual microphone example above, but with an additional visualization of the rotated microphone pattern using WebGL.
</p>
</div>
<br/>
<hr>
<h3>HTML audio stream</h3>
<div class="fancy">
<a href="examples/foa-player-audio-stream.html"> <br/>FOA player based on audio element</a>
<p> This is the same as the FOA player but using the HTML audio element to stream audio. Useful to e.g. stream large audio files on mobile devices.
</p>
</div>
<br/>
<hr>
<h3>Library module tests</h3>
<a href="examples/test.html"> Test </a></li>
<p> (Not intended for mobiles)<br/> Test script that goes through all the objects in the library, initializes them and logs information on the console - useful to see if the browser supports the library.
</p>
</body>
</html>