JS网页播放提示音解决方案(一)

JS网页播放提示音解决方案(一)

JS方法如下

//播放提示音0
function createPlayer(success){
	var voice = success ? 'cg' : 'sb';
	var _id = Math.floor(Math.random() * 800 + 100);
	var audio = document.createElement('audio');
	audio.id = _id;
	audio.src = 'voice/'+voice + '.wav';
	audio.preload = 'auto';
	audio.onended = function(){
		this.remove();
	}
	audio.onerror = function(){
		this.remove();
	}
	document.getElementById('playerBox').appendChild(audio);//这句一般可以不要
	audio.play();
	return audio;
}

页面HTML元素，播放器容器

<div id='playerBox' style='height:0;width:0;' data-title="播放器"></div>

最后在使用的时候，直接JS调用

createPlayer(true);

这样就可以了，播放时会创建一个新的播放器，播放完毕或者出错会自动删除该播放器。

提示音素材文件 voice/cg.wav  voice/sb.wav 两个，可以根据自己的需要换成自己的提示音