| 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 |