creator-audio
https://github.com/pcxin/creator-audio
powered by cocosCreator
1.本例子里面包含各种操作音乐、音效的方法
1）代码控制实现类 推荐较灵活
- 1> 播放音乐音效
- 2> 设置音乐、音效播放 音量大小 随当前位置调整
- 3> 更换音乐背景及全局暂停
export default class AudioMgr /* extends cc.Component */ {
init();
public lateUpdate(); // 谷歌最新版本 规定不能自动播放 需要用户手
//动播放 规避这种情况 游戏选择自动播放
public pauseOrResume(isPause?: boolean);
/** 设置背景音乐 两个参数必须取一个 */
async playBGM(id: AudioId | string | cc.AudioClip = AudioId.bg);
public isSupportAudio(): boolean;
/** 根据 AudioId 播放特殊音效 */
playSFXById(id: AudioId | cc.AudioClip, isMan: boolean = true);
/** 根据name */
async playSFX(url: string | cc.AudioClip);
/** 统一音频播放入口 */
private async play(url: string | cc.AudioClip, loop, volume): Promise<number>;
setSFXVolume(v: number = 0;
setBGMVolume(v: number = 0, isPlay: boolean = true);
}
2）预设控制音效音乐 （同上）
3）audioSource 进行播放 不赞同使用 官方api限制颇多
2.本例子里面包含全局变量声明 及全局组件声明
import AudioMgr from "./AudioMgr";
const { ccclass, property } = cc._decorator;
/**
* 全局app类 不随Scene回收
*/
@ccclass
export default class App extends cc.Component {
private mTime = 0;
private static _app = null;
static get instance(): App { // 初始化 并返回App全局类
if (!this._app) { // 进行初始化node
this._app = new cc.Node().addComponent(this);
this._app.node.name = "App";
cc.game.addPersistRootNode(this._app.node); // 添加全局node
}
AudioMgr.instance.init(); // 初始化audio管理类
return this._app;
}
onLoad() {
console.log("App init............type:", SDKManager.phoneType);
// 总控制事件-后台前台注册事件
cc.game.on(cc.game.EVENT_HIDE, this._pausedCallback, this);
cc.game.on(cc.game.EVENT_SHOW, this._restoreCallback, this);
}
onDestroy() {
// cc.audioEngine.stopAll();
cc.game.off(cc.game.EVENT_HIDE, this._pausedCallback, this);
cc.game.off(cc.game.EVENT_SHOW, this._restoreCallback, this);
console.log("App onDestroy............");
}
update(t) {
if (new Date().getTime() - this.mTime > 300) { // 控制针刷新信息
this.mTime = new Date().getTime();
// console.log("App upppppppppppppppp....................");
}
}
private _pausedCallback(e) {
AudioMgr.instance.pauseOrResume(true);
console.log("App pause.............");
}
private _restoreCallback(e) {
AudioMgr.instance.pauseOrResume();
console.log("App resume.............");
}
}
3.google chrome latest version need set running
public lateUpdate() { // 谷歌最新版本 规定不能自动播放 需要用户
//手动播放 规避这种情况 游戏选择自动播放
if (cc.sys.isBrowser) {
let context = (<any>cc.sys).__audioSupport.context;
// google chrome latest version need set running
if (context.state === 'suspended') {
context.resume().then(e => {
console.log(context.state);
});
console.log(context.state);
}
}
}