62,046
社区成员
发帖
与我相关
我的任务
分享Windows Media player的问题,如何通过js知道已经放在哪儿了？及“下一首”的事件问题,200分!!!
Windows Media player的问题,如何通过js知道已经放在哪儿了？及“下一首”的事件问题,200分!!!
我想通过服务器不断的下载mp3，一首首的播放(不是只是下载一个列表到客户端让它自动播放）。同时，要服务器知道我已经放在哪一首了，应当取什么事件？怎么做？
当然，需要用ajax也没有问题。问题在于如何对media player的事件进行响应
我想通过服务器不断的下载mp3，一首首的播放(不是只是下载一个列表到客户端让它自动播放）。同时，要服务器知道我已经放在哪一首了，应当取什么事件？怎么做？
当然，需要用ajax也没有问题。问题在于如何对media player的事件进行响应
...全文
请发表友善的回复…
发表回复
mint 2005-12-05
- 打赏
- 举报
我想大家都没有仔细读我的要求。我的要求是，让程序知道什么时候应当放下一首（比如服务器知道客户端已经在放下一首），而不是简单的button.click。如果只要简单的click,我需要放这么大个面包吗？
再说一下流程：
(1)客户端打开网页，下载播放列表；
(2)开始在客户端播放；
(3)客户端放完此首歌，服务器会知道。并可以作一些处理，如给下一首歌（或歌词）;
关键在于：下一首歌时，服务器端怎么知道？什么事件引发？我觉得可能需要用ajax，不知道如何写这样的代码
再说一下流程：
(1)客户端打开网页，下载播放列表；
(2)开始在客户端播放；
(3)客户端放完此首歌，服务器会知道。并可以作一些处理，如给下一首歌（或歌词）;
关键在于：下一首歌时，服务器端怎么知道？什么事件引发？我觉得可能需要用ajax，不知道如何写这样的代码
jiang8282 2005-12-04
- 打赏
- 举报
<script language="JavaScript">
<!--建立数组，
mid = new Array();//歌曲地址
mid[1]="all rise blue .mp3";
mid[2]="爱情诺曼底.mp3";
mid[3]="逃亡.mp3";
mid[4]=" ";
title = new Array(); //歌名
title[1]="all rise blue";
title[2]="爱情诺曼底";
title[3]="逃亡";
title[4]="停止音乐播放";
var index=0 ;
function cmid()
{
index=index+1;
midiselect.innerHTML = '<embed name="music" src="'+ mid[index] +'" width="1" height="1" hidden="true" loop="true" autostart="true"></embed>';
song.innerHTML = title[index];
}
//-->
</script>
在按钮中加入事件：
onClick="cmid();"
<!--建立数组，
mid = new Array();//歌曲地址
mid[1]="all rise blue .mp3";
mid[2]="爱情诺曼底.mp3";
mid[3]="逃亡.mp3";
mid[4]=" ";
title = new Array(); //歌名
title[1]="all rise blue";
title[2]="爱情诺曼底";
title[3]="逃亡";
title[4]="停止音乐播放";
var index=0 ;
function cmid()
{
index=index+1;
midiselect.innerHTML = '<embed name="music" src="'+ mid[index] +'" width="1" height="1" hidden="true" loop="true" autostart="true"></embed>';
song.innerHTML = title[index];
}
//-->
</script>
在按钮中加入事件：
onClick="cmid();"
fphuang 2005-12-04
- 打赏
- 举报
转
位置：http://community.csdn.net/Expert/topic/4204/4204676.xml?temp=.5572779
Play.asx
<ASX VERSION="3.0">
<TITLE>【之精彩世界】</TITLE>
<AUTHOR></AUTHOR>
<ABSTRACT>欢迎欣赏【之精彩世界】</ABSTRACT>
<PARAM NAME="Location" VALUE="中国北京"/>
<PARAM NAME="Release Date" VALUE="2003-8-20"/>
<PARAM NAME="AllowShuffle" VALUE="Yes"/>
<MOREINFO HREF="http://dotnet.aspx.cc/"/>
<COPYRIGHT>【之精彩世界】</COPYRIGHT>
<LOGO HREF="http://dotnet.aspx.cc/Images/mediacopyright.gif" Style="ICON"/>
<ENTRY>
<ref href="http://dotnet.aspx.cc/Data/readyfor.asf"/>
<PARAM name="HTMLView" value="http://xml.sz.luohuedu.net"/>
<BANNER href="http://dotnet.aspx.cc/Images/mediacopyright.gif">
<MOREINFO href="http://dotnet.aspx.cc/"/>
<ABSTRACT>点击这里，收听更多精彩音乐！！</ABSTRACT>
</BANNER>
<TITLE>嘿嘿，你准备好了吗？</TITLE>
<AUTHOR></AUTHOR>
<COPYRIGHT>音乐频道</COPYRIGHT>
<ABSTRACT>更多精彩音乐</ABSTRACT>
<LOGO href="http://dotnet.aspx.cc/Images/copyright2.gif" Style="ICON"/>
</ENTRY>
<ENTRY>
<ref href="http://dotnet.aspx.cc/Data/WhenAChildIsBorn.asf"/>
<PARAM name="HTMLView" value="http://xml.sz.luohuedu.net"/>
<BANNER href="http://dotnet.aspx.cc/Images/mediacopyright.gif">
<MOREINFO href="http://dotnet.aspx.cc/"/>
<ABSTRACT>点击这里，收听更多精彩音乐！！</ABSTRACT>
</BANNER>
<TITLE>When a Child is Born</TITLE>
<AUTHOR></AUTHOR>
<COPYRIGHT>音乐频道</COPYRIGHT>
<ABSTRACT>更多精彩音乐</ABSTRACT>
<LOGO href="http://dotnet.aspx.cc/Images/copyright2.gif" Style="ICON"/>
</ENTRY>
</ASX>
<embed src="Play.asx"></embed>即可
位置：http://community.csdn.net/Expert/topic/4204/4204676.xml?temp=.5572779
Play.asx
<ASX VERSION="3.0">
<TITLE>【之精彩世界】</TITLE>
<AUTHOR></AUTHOR>
<ABSTRACT>欢迎欣赏【之精彩世界】</ABSTRACT>
<PARAM NAME="Location" VALUE="中国北京"/>
<PARAM NAME="Release Date" VALUE="2003-8-20"/>
<PARAM NAME="AllowShuffle" VALUE="Yes"/>
<MOREINFO HREF="http://dotnet.aspx.cc/"/>
<COPYRIGHT>【之精彩世界】</COPYRIGHT>
<LOGO HREF="http://dotnet.aspx.cc/Images/mediacopyright.gif" Style="ICON"/>
<ENTRY>
<ref href="http://dotnet.aspx.cc/Data/readyfor.asf"/>
<PARAM name="HTMLView" value="http://xml.sz.luohuedu.net"/>
<BANNER href="http://dotnet.aspx.cc/Images/mediacopyright.gif">
<MOREINFO href="http://dotnet.aspx.cc/"/>
<ABSTRACT>点击这里，收听更多精彩音乐！！</ABSTRACT>
</BANNER>
<TITLE>嘿嘿，你准备好了吗？</TITLE>
<AUTHOR></AUTHOR>
<COPYRIGHT>音乐频道</COPYRIGHT>
<ABSTRACT>更多精彩音乐</ABSTRACT>
<LOGO href="http://dotnet.aspx.cc/Images/copyright2.gif" Style="ICON"/>
</ENTRY>
<ENTRY>
<ref href="http://dotnet.aspx.cc/Data/WhenAChildIsBorn.asf"/>
<PARAM name="HTMLView" value="http://xml.sz.luohuedu.net"/>
<BANNER href="http://dotnet.aspx.cc/Images/mediacopyright.gif">
<MOREINFO href="http://dotnet.aspx.cc/"/>
<ABSTRACT>点击这里，收听更多精彩音乐！！</ABSTRACT>
</BANNER>
<TITLE>When a Child is Born</TITLE>
<AUTHOR></AUTHOR>
<COPYRIGHT>音乐频道</COPYRIGHT>
<ABSTRACT>更多精彩音乐</ABSTRACT>
<LOGO href="http://dotnet.aspx.cc/Images/copyright2.gif" Style="ICON"/>
</ENTRY>
</ASX>
<embed src="Play.asx"></embed>即可
jxufewbt 2005-12-04
- 打赏
- 举报
楼主可以参照下面的代码：
<HTML><HEAD><TITLE>歌曲播放列表</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>A:visited {
COLOR: #cccccc; TEXT-DECORATION: none
}
A:active {
COLOR: #ffff00; TEXT-DECORATION: none
}
A:hover {
CURSOR: hand; COLOR: #ffffff; TEXT-DECORATION: none
}
A:link {
COLOR: #cccccc; TEXT-DECORATION: none
}
BODY {
FONT-SIZE: 12px; BACKGROUND: #ffffff fixed no-repeat center 330px
}
.TEXT {
FONT-SIZE: 12px; COLOR: #ffffff
}
TD {
FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}
.pageList {
FONT-SIZE: 10px; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-ALIGN: center
}
.pageInfo {
FONT-SIZE: 10px; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-ALIGN: center
}
.curpage {
COLOR: #ffff00
}
</STYLE>
<SCRIPT language=JavaScript>
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
//-->
</SCRIPT>
<SCRIPT language=JavaScript><!--
var via = opener;
var write_via = "opener";
var iLoc= self.location.href;
// List特性设置
function playSel(){via.wmpStop();via.startExobud();}
function refreshPl(){
self.location=iLoc;
}
function chkSel(){via.chkAllSel();refreshPl();}
function chkDesel(){via.chkAllDesel();refreshPl();}
function dspList(n){
// elmABlock
var elmABlock= 10;//每页歌曲数量设置
var totElm = via.intMmCnt;
var totBlock= Math.floor((via.intMmCnt -1) / elmABlock)+1;
var cblock;
if(n==null){cblock=1;}
else{cblock=n;}
var seed;
var limit;
if(cblock < totBlock){seed= elmABlock * (cblock-1); limit = cblock*elmABlock -1}
else{seed=elmABlock * (cblock-1); limit= totElm-1;}
if(via.intMmCnt >0 ){
var list_num=0;
mmList.innerHTML='<p>';
pageList.innerHTML=' Page: ';
for (var i=seed; i <= limit; i++)
{ list_num = i + 1;
if(via.objMmInfo[i].selMm=="t"){elm='<input type=checkbox style="cursor:hand;" onClick='+ write_via + '.chkItemSel('+ i +'); checked>' ;}
else{elm = '<input type=checkbox style="cursor:hand;" onClick='+ write_via + '.chkItemSel('+ i +');>' ;}
elm = elm + ' ' + list_num + '. '
elm = elm + '<a href=javascript:' + write_via + '.selPlPlay(' + i + ');'
elm = elm + ' onclick=\"this.blur();\">' + via.objMmInfo[i].mmTit + '</a><br>';
mmList.innerHTML=mmList.innerHTML+elm;
}
for(var j=1; j<=totBlock; j++){
page='<a href=javascript:dspList('+j+')>['+j+']<a> ';
pageList.innerHTML=pageList.innerHTML+page;
}
pageInfo.innerHTML='<span class=curpage>'+cblock+ '</span> / '+ totBlock;
}
else { mmList.innerHTML='<div align=center> HeXin Web Player </div>'; }
}
--></SCRIPT>
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</SCRIPT>
<META content="MSHTML 6.00.3790.0" name=GENERATOR></HEAD>
<BODY oncontextmenu="return false" onselectstart="return false"
ondragstart="return false"
style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; MARGIN: 0pt; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid"
text=silver leftMargin=0 topMargin=0 onload=dspList();this.focus()
marginheight="0" marginwidth="0">
<TABLE height="100%" cellSpacing=0 cellPadding=0 width=355 align=center
border=0>
<TBODY>
<TR>
<TD vAlign=center align=middle width="100%" height=34><IMG height=34 src="mp_list_top.gif" width=355 useMap=#Map2 border=0></TD>
</TR>
<TR>
<TD vAlign=top width="100%"
background="mp_list_bg.gif" height=*%>
<TABLE cellSpacing=0 cellPadding=15 width="100%" border=0>
<TBODY>
<TR>
<TD>
<DIV class=PageList><A title=全选 onfocus=this.blur() onclick=chkSel(); href="#">Select All</A> | <A title=清除 onfocus=this.blur() onclick=chkDesel() href="#">Select None</A></DIV>
<DIV id=mmList>
<P></P></DIV><BR>
<DIV align=center><SPAN class=pageInfo id=pageInfo></SPAN><SPAN
class=pageList id=pageList></SPAN></DIV></TD></TR></TBODY></TABLE></TD>
<TR>
<TD height=44><IMG height=44 src="mp_list_buttom.gif" width=355 useMap=#Map border=0></TD>
</TR>
<TR></TR></TBODY></TABLE>
<MAP name=Map>
<AREA title=上一首 style="CURSOR: hand" onclick=opener.playPrev();this.blur(); shape=CIRCLE coords=11,18,6 href="#">
<AREA title=播放 onfocus=this.blur() onclick=playSel(); shape=CIRCLE coords=29,26,11 href="#">
<AREA title=下一首 style="CURSOR: hand" onclick=opener.playNext();this.blur(); shape=CIRCLE coords=82,30,6 href="#">
<AREA title=暂停/继续 style="CURSOR: hand" onclick=opener.wmpPP();this.blur(); shape=CIRCLE coords=65,29,6 href="#">
<AREA title=停止 style="CURSOR: hand" onclick=opener.wmpStop();this.blur(); shape=CIRCLE coords=47,27,8 href="#">
</MAP>
<MAP
name=Map2>
<AREA title=关闭 onfocus=this.blur() onclick=window.close(); shape=CIRCLE coords=344,11,8 href="#">
</MAP></BODY></HTML>
<HTML><HEAD><TITLE>歌曲播放列表</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>A:visited {
COLOR: #cccccc; TEXT-DECORATION: none
}
A:active {
COLOR: #ffff00; TEXT-DECORATION: none
}
A:hover {
CURSOR: hand; COLOR: #ffffff; TEXT-DECORATION: none
}
A:link {
COLOR: #cccccc; TEXT-DECORATION: none
}
BODY {
FONT-SIZE: 12px; BACKGROUND: #ffffff fixed no-repeat center 330px
}
.TEXT {
FONT-SIZE: 12px; COLOR: #ffffff
}
TD {
FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}
.pageList {
FONT-SIZE: 10px; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-ALIGN: center
}
.pageInfo {
FONT-SIZE: 10px; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-ALIGN: center
}
.curpage {
COLOR: #ffff00
}
</STYLE>
<SCRIPT language=JavaScript>
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
//-->
</SCRIPT>
<SCRIPT language=JavaScript><!--
var via = opener;
var write_via = "opener";
var iLoc= self.location.href;
// List特性设置
function playSel(){via.wmpStop();via.startExobud();}
function refreshPl(){
self.location=iLoc;
}
function chkSel(){via.chkAllSel();refreshPl();}
function chkDesel(){via.chkAllDesel();refreshPl();}
function dspList(n){
// elmABlock
var elmABlock= 10;//每页歌曲数量设置
var totElm = via.intMmCnt;
var totBlock= Math.floor((via.intMmCnt -1) / elmABlock)+1;
var cblock;
if(n==null){cblock=1;}
else{cblock=n;}
var seed;
var limit;
if(cblock < totBlock){seed= elmABlock * (cblock-1); limit = cblock*elmABlock -1}
else{seed=elmABlock * (cblock-1); limit= totElm-1;}
if(via.intMmCnt >0 ){
var list_num=0;
mmList.innerHTML='<p>';
pageList.innerHTML=' Page: ';
for (var i=seed; i <= limit; i++)
{ list_num = i + 1;
if(via.objMmInfo[i].selMm=="t"){elm='<input type=checkbox style="cursor:hand;" onClick='+ write_via + '.chkItemSel('+ i +'); checked>' ;}
else{elm = '<input type=checkbox style="cursor:hand;" onClick='+ write_via + '.chkItemSel('+ i +');>' ;}
elm = elm + ' ' + list_num + '. '
elm = elm + '<a href=javascript:' + write_via + '.selPlPlay(' + i + ');'
elm = elm + ' onclick=\"this.blur();\">' + via.objMmInfo[i].mmTit + '</a><br>';
mmList.innerHTML=mmList.innerHTML+elm;
}
for(var j=1; j<=totBlock; j++){
page='<a href=javascript:dspList('+j+')>['+j+']<a> ';
pageList.innerHTML=pageList.innerHTML+page;
}
pageInfo.innerHTML='<span class=curpage>'+cblock+ '</span> / '+ totBlock;
}
else { mmList.innerHTML='<div align=center> HeXin Web Player </div>'; }
}
--></SCRIPT>
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</SCRIPT>
<META content="MSHTML 6.00.3790.0" name=GENERATOR></HEAD>
<BODY oncontextmenu="return false" onselectstart="return false"
ondragstart="return false"
style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; MARGIN: 0pt; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid"
text=silver leftMargin=0 topMargin=0 onload=dspList();this.focus()
marginheight="0" marginwidth="0">
<TABLE height="100%" cellSpacing=0 cellPadding=0 width=355 align=center
border=0>
<TBODY>
<TR>
<TD vAlign=center align=middle width="100%" height=34><IMG height=34 src="mp_list_top.gif" width=355 useMap=#Map2 border=0></TD>
</TR>
<TR>
<TD vAlign=top width="100%"
background="mp_list_bg.gif" height=*%>
<TABLE cellSpacing=0 cellPadding=15 width="100%" border=0>
<TBODY>
<TR>
<TD>
<DIV class=PageList><A title=全选 onfocus=this.blur() onclick=chkSel(); href="#">Select All</A> | <A title=清除 onfocus=this.blur() onclick=chkDesel() href="#">Select None</A></DIV>
<DIV id=mmList>
<P></P></DIV><BR>
<DIV align=center><SPAN class=pageInfo id=pageInfo></SPAN><SPAN
class=pageList id=pageList></SPAN></DIV></TD></TR></TBODY></TABLE></TD>
<TR>
<TD height=44><IMG height=44 src="mp_list_buttom.gif" width=355 useMap=#Map border=0></TD>
</TR>
<TR></TR></TBODY></TABLE>
<MAP name=Map>
<AREA title=上一首 style="CURSOR: hand" onclick=opener.playPrev();this.blur(); shape=CIRCLE coords=11,18,6 href="#">
<AREA title=播放 onfocus=this.blur() onclick=playSel(); shape=CIRCLE coords=29,26,11 href="#">
<AREA title=下一首 style="CURSOR: hand" onclick=opener.playNext();this.blur(); shape=CIRCLE coords=82,30,6 href="#">
<AREA title=暂停/继续 style="CURSOR: hand" onclick=opener.wmpPP();this.blur(); shape=CIRCLE coords=65,29,6 href="#">
<AREA title=停止 style="CURSOR: hand" onclick=opener.wmpStop();this.blur(); shape=CIRCLE coords=47,27,8 href="#">
</MAP>
<MAP
name=Map2>
<AREA title=关闭 onfocus=this.blur() onclick=window.close(); shape=CIRCLE coords=344,11,8 href="#">
</MAP></BODY></HTML>
