OLD | NEW |
| (Empty) |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | |
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
3 <html> | |
4 <!-- Copyright 2012 Google Inc. All rights reserved. --> | |
5 <head> | |
6 <META HTTP-EQUIV="Pragma" CONTENT="no-cache" /> | |
7 <META HTTP-EQUIV="Expires" CONTENT="-1" /> | |
8 <title>Native Client OpenAL / Ogg Vorbis</title> | |
9 </head> | |
10 | |
11 <body> | |
12 | |
13 <h1>Native Client OpenAL / Ogg Vorbis demo</h1> | |
14 | |
15 <p>The Ogg sample playing ("Arpeggio") was composed by <a href="http://en.wikipe
dia.org/wiki/User:Mysid">Mysid</a>.</p> | |
16 | |
17 <p>It was downloaded from <a href="http://commons.wikimedia.org/wiki/File:Arpegg
io.ogg">http://commons.wikimedia.org/wiki/File:Arpeggio.ogg</a> and modified to
reduce silent sections and to minimize pops when looped. The original file, as
well as the resulting <a href="sample.ogg">sample.ogg</a>, are licensed under th
e <a href="http://creativecommons.org/licenses/by-sa/2.5/deed.en">Creative Commo
ns Attribution-Share Alike 2.5 Generic</a> license (CC BY-SA 2.5).</p> | |
18 | |
19 Gain:<br> | |
20 <input type="range" min="0" max="1" value="1" step=".01" onchange="valueChanged(
'gain', this.value)" /> | |
21 <span id="gain">1</span><br> | |
22 Pitch:<br> | |
23 <input type="range" min="0" max="3" value="1" step=".01" onchange="valueChanged(
'pitch', this.value)" /> | |
24 <span id="pitch">1</span><br> | |
25 Source Location: | |
26 <div id="source_pos"></div> | |
27 Source Velocity: | |
28 <div id="source_vel"></div> | |
29 Listener Location: | |
30 <div id="listener_pos"></div> | |
31 Listener Velocity: | |
32 <div id="listener_vel"></div> | |
33 | |
34 <script type="text/javascript"> | |
35 | |
36 function addSliders(divid, min, max, value, step, prefix) { | |
37 elem = document.getElementById(divid); | |
38 elem.innerHTML = '<input type="range" min="'+min+'" max="'+max+'" value="'+val
ue+'" step="'+step+'" onchange="valueChanged(\''+prefix+'_x\', this.value)" /> X
: <span id="'+prefix+'_x">'+value+'</span><br>'; | |
39 elem.innerHTML += '<input type="range" min="'+min+'" max="'+max+'" value="'+va
lue+'" step="'+step+'" onchange="valueChanged(\''+prefix+'_y\', this.value)" />
Y: <span id="'+prefix+'_y">'+value+'</span><br>'; | |
40 elem.innerHTML += '<input type="range" min="'+min+'" max="'+max+'" value="'+va
lue+'" step="'+step+'" onchange="valueChanged(\''+prefix+'_z\', this.value)" />
Z: <span id="'+prefix+'_z">'+value+'</span><br>'; | |
41 } | |
42 | |
43 function valueChanged(name, value) { | |
44 document.getElementById(name).innerHTML = value; | |
45 var plugin = document.getElementById("openal_ogg_nexe"); | |
46 if (plugin != null) | |
47 plugin.postMessage(name + " = " + value); | |
48 } | |
49 | |
50 addSliders("source_pos", "-20", "20", "1", ".1", "source_pos"); | |
51 addSliders("source_vel", "-200", "200", "0", "1", "source_vel"); | |
52 addSliders("listener_pos", "-20", "20", "0", ".1", "listener_pos"); | |
53 addSliders("listener_vel", "-200", "200", "0", "1", "listener_vel"); | |
54 | |
55 </script> | |
56 | |
57 <embed name="nacl_module" | |
58 id="openal_ogg_nexe" | |
59 src="openal_ogg.nmf" | |
60 type="application/x-nacl"> | |
61 | |
62 | |
63 </body> | |
64 </html> | |
65 | |
OLD | NEW |