1. 程式人生 > 實用技巧 >Cocos Creator中AudioSource元件的使用

Cocos Creator中AudioSource元件的使用

前言
在Cocos Creator遊戲開發中, 為了改善使用者體驗,通常會使用聲音特效。

一、cc.AudioSource元件簡介和基礎使用
1:AudioSource元件是音訊源元件, 發出聲音的源頭;
2: AudioSource元件面板:
clip: 聲源的播放的音訊物件: AudioClip, mp3, wav, ogg,
volume: 音量大小, [0, 1]百分比
mute: 是否靜音;
Loop: 是否迴圈播放;
Play on Load: 是否在元件載入的時候播放;
Preload: 是否預先載入;

二、cc.AudioClip物件
1: 音訊剪輯物件,支援的格式有mp3, wav, ogg
2: 可以在編輯器上手動關聯,生成AudioCip物件;

3: 可以通過程式碼載入AudioCip; (後續資源載入模組詳細講解);

三、AudioSource程式碼使用
1: 程式碼中獲得cc.AudioSource元件:
編輯器關聯;
程式碼獲取元件;
2: AudioSource 主要的方法:
play(); 播放音訊;
stop(); 停止聲音播放;
pause(); 暫停聲音播放;
resume(); 恢復聲音播放;
rewind(); 重頭開始播放;
其它介面見文件;

3: AudioSource程式碼主要屬性:
loop: 是否迴圈播放
isPlaying: 是否正在播放;
mute: 是否靜音;
如果要在開始的時候設定某些屬性,可以放到start函式裡面;

start () {
      let audioSource : cc.AudioSource = this.node.getChildByName("AudioNode").getComponent(cc.AudioSource);
      audioSource.volume = 0.5;
  
      this.scheduleOnce(function(){
          console.log(audioSource.isPlaying);
          audioSource.pause();     // 暫停播放
      }, 1);
      
      this.scheduleOnce(function(){
          console.log("2",audioSource.isPlaying);
          audioSource.resume();   // 恢復播放
      }, 2);

      this.scheduleOnce(function(){
          console.log("3",audioSource.isPlaying);
          audioSource.rewind();   // 從頭開始播放
      }, 3);
      
      this.scheduleOnce(function(){
          console.log("4",audioSource.isPlaying);
          audioSource.stop();   // 停止播放
      }, 4);
      
  }