10.AudioSouce组件使用详解

1. cc.AudioSource

AudioSource组件是音频源组件, 发出声音的源头;
AudioSource组件面板:
      clip: 声源的播放的音频对象: AudioClip, mp3, wav, ogg,
      volume: 音量大小, [0, 1]百分比
      mute: 是否静音;
      Loop: 是否循环播放;
      Play on Load: 是否在组件加载的时候播放;
      Preload: 是否预先加载;

 

2. cc.AudioClip对象

音频剪辑对象，支持的格式有mp3, wav, ogg
可以在编辑器上手动关联,生成AudioCip对象;
可以通过代码加载AudioCip;  (资源加载详细讲解);

 

3. AudioSource代码使用

代码中获得cc.AudioSource组件:
        编辑器关联;
        代码获取组件;
AudioSource 主要的方法:
    play(); 播放音频;
    stop(); 停止声音播放;
    pause(); 暂停声音播放;
    resume(); 恢复声音播放;
    rewind(); 重头开始播放;
    其它接口见文档;  
AudioSource代码主要属性:
   loop: 是否循环播放
   isPlaying: 是否正在播放;
   mute: 是否静音;
   如果要在开始的时候设置某些属性，可以放到start函数里面;

 

代码示例: game_scene.js

// Learn cc.Class:
//  - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/class.html
//  - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/class.html
// Learn Attribute:
//  - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html
//  - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/reference/attributes.html
// Learn life-cycle callbacks:
//  - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/life-cycle-callbacks.html
//  - [English] https://www.cocos2d-x.org/docs/creator/manual/en/scripting/life-cycle-callbacks.html

cc.Class({
    extends: cc.Component,

    properties: {
        // foo: {
        //     // ATTRIBUTES:
        //     default: null,        // The default value will be used only when the component attaching
        //                           // to a node for the first time
        //     type: cc.SpriteFrame, // optional, default is typeof default
        //     serializable: true,   // optional, default is true
        // },
        // bar: {
        //     get () {
        //         return this._bar;
        //     },
        //     set (value) {
        //         this._bar = value;
        //     }
        // },

        //2种方式获取 ①编辑器指定
        audio: {
            default: null,
            type: cc.AudioSource,
        },

    },

    // LIFE-CYCLE CALLBACKS:

    onLoad () {

        //②代码获取
        this.audio2 = this.node.getChildByName("audio").getComponent(cc.AudioSource);

    },



    start () {
        this.audio.play();
    },

    // update (dt) {},
});

工程截图: