最近在做一个音乐网站，需要测试音乐地址是否准确，因此做了这一个使用JS获取Input值，然后使用embed进行播放，方法看以下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>兼容浏览器的JS音乐播放控制</title>
</head>
<body>
<pre>
兼容浏览器的JS音乐播放器控制
ie 支持暂停播放、停止
chrome 支持 播放、停止
</pre>
<input type="text" class="pubinput" name="lsn_url" id="lsn_url" />
<div id="div1"></div>
<input type="button" value="播放" onclick="play_click(this);">
<input type="button" id="stop" value="停止" onclick="stop_click(this);">
<div id="div2"></div>
<script language="javascript">
function play_click(sef){
var url = document.getElementsByName("lsn_url")[0].value;
var div = document.getElementById('div1');
div.innerHTML = '<embed src="'+url+'" loop="0" autostart="true" hidden="true"></embed>';
var emb = document.getElementsByTagName('EMBED')[0];
if (emb) {
/* 这里可以写成一个判断 wav 文件是否已加载完毕，以下采用setTimeout模拟一下 */
div = document.getElementById('div2');
div.innerHTML = 'loading: '+emb.src;
//sef.disabled = true; 点击播放后按钮不可再点击
setTimeout(function(){div.innerHTML='';},1000);
}
}
function stop_click(sef)
{
var bofangqi = document.getElementById('bofangqi');
try{
bofangqi.pause();
}catch(e){
document.getElementById('div1').innerHTML = '';
}
}
</script>
</body>
</html>
相关文章