Audio.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <base href="../../../" />
  6. <script src="list.js"></script>
  7. <script src="page.js"></script>
  8. <link type="text/css" rel="stylesheet" href="page.css" />
  9. </head>
  10. <body>
  11. [page:Object3D] &rarr;
  12. <h1>[name]</h1>
  13. <p class="desc">
  14. 创建一个( 全局 ) audio对象.<br /><br />
  15. 使用 [link:https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API Web Audio API].
  16. </p>
  17. <h2>例子</h2>
  18. <p>
  19. [example:webaudio_sandbox webaudio / sandbox ]<br />
  20. [example:webaudio_visualizer webaudio / visualizer ]
  21. </p>
  22. <code>
  23. // create an AudioListener and add it to the camera
  24. var listener = new THREE.AudioListener();
  25. camera.add( listener );
  26. // create a global audio source
  27. var sound = new THREE.Audio( listener );
  28. // load a sound and set it as the Audio object's buffer
  29. var audioLoader = new THREE.AudioLoader();
  30. audioLoader.load( 'sounds/ambient.ogg', function( buffer ) {
  31. sound.setBuffer( buffer );
  32. sound.setLoop( true );
  33. sound.setVolume( 0.5 );
  34. sound.play();
  35. });
  36. </code>
  37. <h2>构造函数</h2>
  38. <h3>[name]( [param:AudioListener listener] )</h3>
  39. <p>
  40. listener — (必须) [page:AudioListener AudioListener] 的实例.
  41. </p>
  42. <h2>属性</h2>
  43. <h3>[property:Boolean autoplay]</h3>
  44. <p>是否自动开始播放. 默认为 *false*.</p>
  45. <h3>[property:AudioContext context]</h3>
  46. <p>构造函数中传入[page:AudioListener listener]的[link:https://developer.mozilla.org/en-US/docs/Web/API/AudioContext AudioContext].</p>
  47. <h3>[property:Number detune]</h3>
  48. <p>修改音高,以音分为单位。 +/- 100为一个半音, +/- 1200为一个八度。默认值为0。</p>
  49. <h3>[property:Array filters]</h3>
  50. <p>表示[link:https://developer.mozilla.org/en-US/docs/Web/API/BiquadFilterNode BiquadFilterNodes]的数组. 可以使用多种不同的低阶filters去创建复杂的音效. filters可以通过 [page:Audio.setFilter] 或者 [page:Audio.setFilters]设置.</p>
  51. <h3>[property:GainNode gain]</h3>
  52. <p>使用[link:https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/createGain AudioContext.createGain]()创建的[link:https://developer.mozilla.org/en-US/docs/Web/API/GainNode GainNode].</p>
  53. <h3>[property:Boolean hasPlaybackControl]</h3>
  54. <p>是否可以使用 [page:Audio.play play](),
  55. [page:Audio.pause pause]()等方法控制播放. 默认为 *true*.</p>
  56. <h3>[property:Number playbackRate]</h3>
  57. <p>播放速率. 默认为 *1*.</p>
  58. <h3>[property:Boolean isPlaying]</h3>
  59. <p>是否正在播放</p>
  60. <h3>[property:AudioListener listener]</h3>
  61. <p>A reference to the listener object of this audio.</p>
  62. <h3>[property:Number startTime]</h3>
  63. <p>开始播放的时间. 和[link:https://developer.mozilla.org/en-US/docs/Web/API/AudioBufferSourceNode/start AudioBufferSourceNode.start]()的*when*参数一样. 默认为 *0*.</p>
  64. <h3>[property:Number offset]</h3>
  65. <p>音频开始播放的偏移时间. 和[link:https://developer.mozilla.org/en-US/docs/Web/API/AudioBufferSourceNode/start AudioBufferSourceNode.start]()的*offset*参数一样. 默认为 *0*.</p>
  66. <h3>[property:String source]</h3>
  67. <p>使用 [link:https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/createBufferSource AudioContext.createBufferSource]()创建的[link:https://developer.mozilla.org/en-US/docs/Web/API/AudioBufferSourceNode AudioBufferSourceNode].</p>
  68. <h3>[property:String sourceType]</h3>
  69. <p>音源的类型. 默认为 'empty'.</p>
  70. <h3>[property:String type]</h3>
  71. <p>表示类型的字符串, 设置为'Audio'.</p>
  72. <h2>方法</h2>
  73. <h3>[method:Audio connect]()</h3>
  74. <p>
  75. 连接[page:Audio.source]. 在初始化和设置/删除filters时使用.
  76. </p>
  77. <h3>[method:Audio disconnect]()</h3>
  78. <p>
  79. 断开连接[page:Audio.source]. 在设置/删除filters时使用.
  80. </p>
  81. <h3>[method:BiquadFilterNode getFilter]()</h3>
  82. <p>
  83. 返回 [page:Audio.filters filters] 数组的第一个元素.
  84. </p>
  85. <h3>[method:Array getFilters]()</h3>
  86. <p>
  87. 返回[page:Audio.filters filters] 数组.
  88. </p>
  89. <h3>[method:Boolean getLoop]()</h3>
  90. <p>
  91. 返回[link:https://developer.mozilla.org/en-US/docs/Web/API/AudioBufferSourceNode/loop source.loop]
  92. (是否循环播放)的值.
  93. </p>
  94. <h3>[method:GainNode getOutput]()</h3>
  95. <p>
  96. 返回[page:Audio.gain gainNode].
  97. </p>
  98. <h3>[method:Float getPlaybackRate]()</h3>
  99. <p>
  100. 返回[page:Audio.playbackRate playbackRate]的值.
  101. </p>
  102. <h3>[method:Float getVolume]( value )</h3>
  103. <p>
  104. 返回音量.
  105. </p>
  106. <h3>[method:Audio play]()</h3>
  107. <p>
  108. 如果[page:Audio.hasPlaybackControl hasPlaybackControl]是true, 开始播放.
  109. </p>
  110. <h3>[method:Audio pause]()</h3>
  111. <p>
  112. 如果[page:Audio.hasPlaybackControl hasPlaybackControl]是true, 暂停播放.
  113. </p>
  114. <h3>[method:null onEnded]()</h3>
  115. <p>
  116. 播放完成后自动调用. 如果[page:Audio.isPlaying isPlaying]设置为false.
  117. </p>
  118. <h3>[method:Audio setBuffer]( audioBuffer )</h3>
  119. <p>
  120. 设置[page:Audio.source source]给audioBuffer, 和设置[page:Audio.sourceType sourceType]给'buffer'.<br />
  121. 如果[page:Audio.autoplay autoplay]为true, 也开始播放.
  122. </p>
  123. <h3>[method:Audio setFilter]( filter )</h3>
  124. <p>
  125. 设置一个[link:https://developer.mozilla.org/en-US/docs/Web/API/BiquadFilterNode BiquadFilterNode]给Audio.
  126. </p>
  127. <h3>[method:Audio setFilters]( [param:Array value] )</h3>
  128. <p>
  129. value--filters数组.<br />
  130. 应用[link:https://developer.mozilla.org/en-US/docs/Web/API/BiquadFilterNode BiquadFilterNodes]数组给Audio.
  131. </p>
  132. <h3>[method:Audio setLoop]( [param:Boolean value] )</h3>
  133. <p>
  134. 设置[link:https://developer.mozilla.org/en-US/docs/Web/API/AudioBufferSourceNode/loop source.loop] 的值
  135. (是否循环播放).
  136. </p>
  137. <h3>[method:Audio setMediaElementSource]( mediaElement )</h3>
  138. <p>
  139. 应用[link:https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement HTMLMediaElement]类型对象作为音源.<br />
  140. 并且设置[page:Audio.hasPlaybackControl hasPlaybackControl]为false.
  141. </p>
  142. <h3>[method:Audio setNodeSource]( audioNode )</h3>
  143. <p>
  144. 设置[page:Audio.source source]给audioBuffer, 和设置[page:Audio.sourceType sourceType]给 'audioNode'.<br />
  145. 并且设置[page:Audio.hasPlaybackControl hasPlaybackControl]为false.
  146. </p>
  147. <h3>[method:Audio setPlaybackRate]( [param:Float value] )</h3>
  148. <p>
  149. 如果[page:Audio.hasPlaybackControl hasPlaybackControl]是true, 设置[page:Audio.playbackRate playbackRate](播放速率) 的值.
  150. </p>
  151. <h3>[method:Audio setVolume]( [param:Float value] )</h3>
  152. <p>
  153. 设置音量.
  154. </p>
  155. <h3>[method:Audio stop]()</h3>
  156. <p>
  157. 如果[page:Audio.hasPlaybackControl hasPlaybackControl]是true, 停止播放,
  158. 重新设置[page:Audio.startTime startTime]为 *0* 和 设置 [page:Audio.isPlaying isPlaying]为false.
  159. </p>
  160. <h2>源码</h2>
  161. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  162. </body>
  163. </html>