var _showAttachment = function(attachments){ var allAtts = ""; var palyhtml =""; var downAction = "/${ctx}/attachmentOpen.do?billid=${oid}&attid="; for(var i = 0;i<attachments.length;i++){ var att = attachments[i]; var attid = att[0]; var fileName = att[1]; var action = downAction + attid; allAtts += "<li><a href='" + action + "' target='_blank'><B>" + fileName + "</B></a></li>";
if(i==0){ var len = fileName.substr(fileName.indexOf('.'),fileName.length); // alert(len); // document.getElementById('play').style.display = 'block'; if(len == '.mp3' || len == '.wav' || len == '.wmv'){
var actionnew = action+"&j="+Math.random(); document.getElementById('play').style.display = 'block'; palyhtml+="<input type='checkbox' name='song' value ='"+actionnew+"'>"+fileName+"<br>"; // alert(palyhtml); addmedia(action); } }
if(i>0){ var len = fileName.substr(fileName.indexOf('.'),fileName.length); // alert(len); // document.getElementById('play').style.display = 'block'; if(len == '.mp3'|| len == '.wav' || len == '.wmv'){ var actionnew = action+"&j="+Math.random(); // document.getElementById('play').style.display = 'block'; palyhtml+="<input type='checkbox' name='song' value ='"+actionnew+"'>"+fileName+"<br>"; // alert(palyhtml); // addmedia(action); } } } allAtts = allAtts.substring(0,allAtts.length-1); document.getElementById('attachment_list').innerHTML = allAtts; if(palyhtml !=''){ document.getElementById('song_control').style.display = 'block'; } document.getElementById('play_list').innerHTML = palyhtml;
建议lz直接使用Java播放。可以参考一下JMF以及类似的框架
http://en.wikipedia.org/wiki/Java_Media_Framework
<script language="JavaScript">
// 增加一首歌到播放器列表,这样,播放器放完一首歌之后,会继续放下一首
function addmedia(url)
{
// Player.controls.stop(); //停止播放器
// alert( Player.versionInfo); //播放器的版本信息
// 取得当前的播放列表
var playlist=Player.currentPlaylist;//新建一个指定URL的Media。
var currMedia = Player.newMedia(url);
//把新建的Media item添加到播放器列表
playlist.appendItem(currMedia);
}
//清空播放列表
function clearlist()
{
//Player.currentPlaylist.count返回列表中的歌曲数量
while(Player.currentPlaylist.count>0) {
var item =Player.currentPlaylist.item(Player.currentPlaylist.count-1);
Player.currentPlaylist.removeItem(item); // 从播放列表中删除项
}
}
//播放选中的歌曲
function addSeletedSongToPlayList()
{
clearlist();
var selectItem = document.getElementsByName("song");
// alert(selectItem.length);
for(var i=0;i<selectItem.length;i++)
{
if(selectItem[i].checked==true)
{
//alert(selectItem[i].value);
addmedia(selectItem[i].value);
}
}
// alert(Player.currentPlaylist.count);
Player.controls.play(); //让播放器开始播放
}//添加文本输入框中的url到播放列表
function addUrlToList(){
addmedia(document.getElementById("songURL").value );}
</script>嵌套播放器:
<div id="play" style="display:none">
<object id="Player" width=300 height=80 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6">
<param name="URL" value="http://tribe.booye.com/UploadPic/TribeForums/7b9b697e-1e14-40e2-95b6-ee844f134737.mp3?j=5">
<param name="autoStart" value="1">
<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>
<param name="enabled" value="1">
<param name="enableErrorDialogs" value="0">
<param name="enableContextMenu" value="1">
<param name="fullScreen" value="0">
<param name="invokeURLs" value="1">
<param name="mute" value="0">
<param name="playCount" value="1">
<param name="rate" value="1">
<param name="SAMIStyle" value>
<param name="SAMILang" value>
<param name="SAMIFilename" value>
<param name="stretchToFit" value="0">
<param name="uiMode" value="full">
<param name="volume" value="100">
<param name="windowlessVideo" value="0">
</object>
</div>页面JS初始化方法:
function loadme(){
cmsCommentService.countComment("${oid}",function(rt){
document.getElementById('comment').innerHTML=".评论("+rt+").";
});
var _showAttachment = function(attachments){
var allAtts = "";
var palyhtml ="";
var downAction = "/${ctx}/attachmentOpen.do?billid=${oid}&attid=";
for(var i = 0;i<attachments.length;i++){
var att = attachments[i];
var attid = att[0];
var fileName = att[1];
var action = downAction + attid;
allAtts += "<li><a href='" + action + "' target='_blank'><B>" + fileName + "</B></a></li>";
if(i==0){
var len = fileName.substr(fileName.indexOf('.'),fileName.length);
// alert(len);
// document.getElementById('play').style.display = 'block';
if(len == '.mp3' || len == '.wav' || len == '.wmv'){
var actionnew = action+"&j="+Math.random();
document.getElementById('play').style.display = 'block';
palyhtml+="<input type='checkbox' name='song' value ='"+actionnew+"'>"+fileName+"<br>";
// alert(palyhtml);
addmedia(action);
} }
if(i>0){
var len = fileName.substr(fileName.indexOf('.'),fileName.length);
// alert(len);
// document.getElementById('play').style.display = 'block';
if(len == '.mp3'|| len == '.wav' || len == '.wmv'){
var actionnew = action+"&j="+Math.random();
// document.getElementById('play').style.display = 'block';
palyhtml+="<input type='checkbox' name='song' value ='"+actionnew+"'>"+fileName+"<br>";
// alert(palyhtml);
// addmedia(action);
} }
} allAtts = allAtts.substring(0,allAtts.length-1);
document.getElementById('attachment_list').innerHTML = allAtts;
if(palyhtml !=''){
document.getElementById('song_control').style.display = 'block';
}
document.getElementById('play_list').innerHTML = palyhtml;
}; attachmentInfoManagerAjaxHelper.findAttachmentList('${oid}','cms','cms_show',_showAttachment);
cmsClicksService.addClicks('${oid}');
cmsOptrClicksService.addOptrClicks();
document.getElementById('ref').src='/${ctx}/cms/reference.do?keyWords='+encodeURI('${keywords}');
}