Question

JSP中点击按钮，播放音乐的功能实现

我写了一个登陆界面的JSP，其中有一个登录按钮，代码如下：
<tr>
<td class=tablebody2 valign=middle colspan=2 align=center >
<input type=button value="登 录" style="background:#FF5809;color:white " onclick="javascript:checkNameNull();"></td>
</tr>
现在我想在点击登录按钮后，播放一个mp3文件，请问是否有可能实现，如果可以在这个代码基础上怎么修改？（PS：原先的JSP在点击登陆后，会跳转到另一个界面，所以是否可以在跳转之前播放，或者在跳转过程中播放？）

Answer 1

JSP中点击按钮，播放音乐的功能实现：
在WebRoot中放了一个meirenyu.mp3文件，地址为<embed src="meirenyu.mp3" loop="11" autostar="true"/>
嵌入播放器：
<object name="Player" id="Player" width=300 height=200 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6">
<param name="URL" value=""/>
<param name="autoStart" value="0"/>
<param name="balance" value="0"/>
<param name="baseURL" value/>
<param name="captioningID" value/>
<param name="currentPosition" value="0"/>
<param name="currentMarker" value="0"/>
<param name="defaultFrame" value="0"/>

用js控制播放：
<script language="JavaScript">
//播放选中的歌曲
function play(url)
{
document.Player.URL=url
//alert(document.Player.URL);
//document.Player.URL=url
document.Player.controls.play(); //让播放器开始播放
}
</script>
提示：
造成音乐不能成功播放的大多数原因：
A：音乐文件错误，有可能这个文件本身就不是音乐的文件，只是一个普通的HTML页面。
B：音乐文件地址错误，这个音乐文件根本不存在。
C：没有安装相关的播放软件。

Answer 2

//js部分
window.onload=function(){
	var flag=false;
	document.getElementById("userLogin").onsubmit=function(){
		if(flag){
			return true;
		}
		else{
			document.getElementById("loginSound").play();
			return false;
		}
	}
	document.getElementById("loginSound").onended=function(){
		flag=true;
		document.getElementById("userLogin").submit();
	}
}

<!-- html部分 -->
<form action="b.php" id="userLogin">
	<input id="submitButton" type="submit" value="登录" />
    <audio id="loginSound">
        <source src="sound.mp3" type="audio/mpeg">
        <source src="sound.ogg" type="audio/ogg">
    </audio>
</form>

Answer 3

有audio这个控件，可以实现播放mp3文件
跳转过程中播放，不太清楚可不可以

追问

如果光实现点击之后播放，应该怎么写？

我知道这个控件，我想用JavaScript，里边应该怎么写呢？

追答

不好意思，没及时看到，下面的另一条回答可以实现你想要的功能吗？