THREE.JS 中音频播放对象 PositionalAudio

创建PositionalAudio并播放音频

方式一:直接创建对象

var listener = new THREE.AudioListener();

var audio_p;

camera.add( listener );

audioLoader.load( 'download/avatar/?fileName=016377.wav',

  function ( buffer ) {      

   var audio = new THREE.PositionalAudio( listener );

   audio.setBuffer( buffer );

   audio.setRefDistance( 40 )

   if(object instanceof THREE.Object3D) object.add( audio );

   //object为加载的模型内容

   scene.add( body );

   audio_p=cue.children[ 0 ]

   // animate();

  } );

 方式二:界面有对应的audio元素

### html

<audio loop id="music" preload="auto" style="display: none">

  <source src="sounds/376737_Skullbeatz___Bad_Cat_Maste.ogg" type="audio/ogg">

  <source src="sounds/376737_Skullbeatz___Bad_Cat_Maste.mp3" type="audio/mpeg">

</audio>

### js

var listener = new THREE.AudioListener();

camera.add( listener );



var audioElement = document.getElementById( 'music' );



var audio_p = new THREE.PositionalAudio( listener );

audio_p.setMediaElementSource( audioElement );

audio_p.setRefDistance( 1 );

audio_p.setDirectionalCone( 210, 230, 0.1 );

创建后进行播放等操作

audio_p为一个PositionalAudio对象;

 1. **播放和暂停:** audio_p.play();audio_p.stop();

 2. **获取当前播放时间:** audio_p.context.currentTime-audio_p.startTime;

 3. **判断是否正在播放:** audio_p.isPlaying;

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值