音乐播放下载.docx
《音乐播放下载.docx》由会员分享,可在线阅读,更多相关《音乐播放下载.docx(14页珍藏版)》请在冰豆网上搜索。
音乐播放下载
、
2.设计思路
音乐列表页面(音乐播放页面音乐下载页面)
页面主要分为音乐列表页面和播放下载页面。
访问者从音乐列表页面选择合适的音乐,然后选择播放音乐或下载音乐。
音乐列表页面显示音乐的一些基本信息,并提供播放以及下载的链接,具体的实现思路是将数据库中此音乐记录的ID编辑传递到音乐播放页面或音乐下载页面,以便这两个页面能够正确地处理音乐记录。
3.数据库设计
Music.mdb
字段
类型
长度
必填字段
允许空值
备注
musicID
自动编号
歌曲编号,主键
Musicname
文本
255
Y
N
歌曲名
Singername
文本
255
Y
N
歌手名
Musictype
文本
255
Y
N
音乐类型
musicpath
文本
255
Y
N
音乐文件路径
该数据库是将音乐文件保存在本地服务器上,就像本地网页、图片一样,然后在数据库中对应的字段填写音乐文件在服务器上的相对路径即可。
所以需要先在“d:
/myweb/music”建一个存放音乐文件的文件夹,如“music”,再在此文件夹中存放一些音乐文件,等数据库建好后,在“musicpath”字段中输入音乐文件的相对路径,输入方式为“./music/音乐文件名.扩展名”,如“./music/music1.wma”、“./music/music2.mp3”。
4.具体实现
4.1准备工作
4.1.1建立文件目录
在“我的电脑”里选择一个磁盘分区,新建一个文件夹作为本模块的工作目录,如“d:
/myweb/music”,然后在该目录下创建名为“data”有文件夹,再根据上文中的数据库设计,在Access中创建名为“music.mdb”的数据库,并利用设计器创建名为“music”的数据库表,将其保存在D:
/myweb/music/data文件夹中。
数据库如图所示
4.1.2定义IIS站点
在Internet信息服务窗口中建立虚拟目录,虚拟路径为“d:
/myweb”。
4.1.3定义Dreamweaver站点
在Dreamweaver中为“myweb”定义一个新站点。
4.2建立数据库连接
在Dreamweaver中新建一个“ASPVBScript”动态页面,将其命名为“.asp”,保存在“D:
/myweb/music”文件文件夹中。
然后在在“应用程序/数据库”面板上单击“+”号,如图所示
在弹出的菜单中选择“自定义连接字符串”,命名该接连字符串为“connmusic”,然后设计连接字符串。
连接字符串如下
1."provider=microsoft.jet.oledb.4.0;datasource="&server.mappath
("/myweb/music/data/music.mdb")
2."Driver={MicrosoftAccessDriver(*.mdb)};DBQ="&server.mappath
("/myweb/music/data/music.mdb")
3."provider=microsoft.jet.oledb.4.0;datasource=d:
/myweb/music/data/music.mdb"
如图所示
第1、2两个字符串请选用“使用测试服务器上的驱动程序”;第3个字符串请选用“使用此计算机上的驱动程序”。
如图所示,在“连接名称”文本框中输入“connmusic”,从上面三种字符串中选用任一种,输入到“连接字符串”文本框中。
输入以上名称和字符串后,点击“测试”命令按键,如果弹出如图所示对话框表示连接成功,已经与数据库建立连接。
点击“确定”命令按钮后,在“应用程序”面板中将出现名为“connmusic”的连接,将其展开后如图所示。
以上工作结束后,下面接着就要进行各页面的制作了。
4.3音乐列表页面制作
音乐列表显示了所有音乐文件的信息,用户可以在这个页面选择喜欢的音乐,然后可以选择下载到本地磁盘或是在线播放。
新建一VBScript动态网页,保存至d:
/myweb/music文件夹中,命名为Musiclist.asp。
其页面设计如图所示。
在布局页面时,要插入两个图标“播放”和“下载”图标,当用户单击“播放”图标时选择在线播放,单击“下载”图标时将音乐文件下载到本地磁盘上。
设计好页面布局后,需要完善页面中的显示内容。
4.3.1建立音乐记录集
单击“应用程序/绑定”面板左上角的“+”按钮,在弹出的菜单中选择“记录集(查询)”,弹出“记录集”对话框。
具体设置如图所示。
4.3.2绑定记录集到单元格
展开绑定面板中的记录集recordset1,将其中的musicname、singername、musictype绑定到表格中对应位置。
如图所示。
4.3.3设置重复区域
选中上图中显示动态文本的行,然后在“应用程序/服务器行为”面板上单击“+”按钮,在弹出菜单中选择“重复区域”命令,弹出“重复区域”对话框,如图所示。
在“重复区域”对话框中的“记录集”下拉列表框中选择记录集“recordset1”,并选择显示“所有记录”,然后单击“确定”按钮,即可新建一个重复区域。
4.3.4单击“播放”打开播放窗口
选中“播放”图标,单击“标签检查器/行为”面板上的“+”按钮,在弹出菜单中选择“打开浏览器窗口”命令,如图所示。
系统会弹出“打开浏览器窗口”对话框,如图所示。
在上图所示对话框的“窗口宽度”和“窗口高度”文本框中输入浏览器的大小,如宽度为400,高度为100。
在“窗口名称”文本框中输入“音乐播放”,作为窗口的标题,单击“要显示的URL”文本框后的“浏览”按钮,弹出“选择文件”对话框,如图所示。
在“选择文件”对话框中,选择播放音乐文件“play.asp”(该文件要事先在DW中创建),单击“URL”文本框后的“参数”按钮,弹出“参数”对话框,在“名称”栏中输入要传递的参数名称“musicid”,单击“值”栏后的“绑定到动态数据”按钮,弹出“动态数据”对话框,展开“动态数据”对话框中的“记录集recordset1”,选中的“musicid”字段,然后单击“确定”按钮,关闭所有对话框,则在“行为”面板中出现新建立的“打开浏览器窗口”行为。
具体设置如图所示。
4.3.5为打开窗口行为设置事件
切换到“标签检查器/行为”面板,单击已建立的“打开浏览器窗口”行为左边的下拉列表按钮,在列表中选择“onclick”,表示在单击播放按钮时才执行“打开浏览器窗口”行为。
如图所示。
4.3.6设置“下载”图标的行为
重复4.3.4和4.3.5中的步骤,为“下载”图标设置“打开浏览器窗口”行为。
进行该行为设置前,需新建一个VBScript动态页面download.asp。
在设置时要传递的参数为“musicid”,要设置的行为事件为“onclick”。
这样就完成了对音乐列表页面的设计。
4.4音乐播放页面制作
当访问者单击音乐列表页面中的“播放”图标时,将弹出play.asp小窗口,并将“musicid”作为参数传递给该页面,以便数据库查询操作获得音乐的位置,然后初始化播放器。
具体设置步骤如下:
首先,打开前面步骤中已经创建的play.asp动态页面。
4.4.1建立ActiveX对象
菜单栏上选择“播放”——“媒体”——“ActiveX”命令,在页面中插入一个ActiveX对象,如图所示。
4.4.2设置ActiveX属性
选中已插入的ActiveX对象,然后在“属性”面板中设置其属性,如图所示。
在“属性”面板中的“宽”和“高”文本框中分别输入400和80,表示显示播放器的宽度和高度,然后在“ClassID”后的文本框中输入以下代码:
"CLSID:
22D6F312-BOF6-11DO-94AB-OO80C74C7E95"
上面这段代码表示的是Microsoft公司的WindowsMediaPlayer播放器在计算机系统中的CLSID号。
4.4.3建立查询音乐文件路径记录集
前面音乐列表页面给播放器页面传递的参数是MusicID,在该页面中需要根据音乐的MusicID查询数据库,得到音乐文件路径,然后初始化播放器,将音乐文件的路径作为播放器的一个参数,才可以正常播放。
单击“应用程序/绑定”面板上的“+”按钮,在弹出的菜单中选择“记录集(查询)”命令,弹出“记录集”对话框,在该对话框中要对“筛选”进行设置,具体设置如图所示。
4.4.4设置播放器参数
切换play.asp页面到代码视图,在
区域内加入如图所示代码。
图中第32行至52行是控制整个播放器行为的核心,即插入一个MediaPlayer播放器,并对该播放器进行参数设置。
第31行中的leftmargin和topmargin是对
标签边距的定义,从而确定播放器在整个页面中的位置。
具体代码如下:
22d6f312-b0f6-11d0-94ab-0080c74c7e95"align="baseline"border="0"standby="LoadingMicrosoftWindowsMediaPlayercomponents..."type="application/x-oleobject">
">
4.5音乐下载页面制作
对于音乐的下载,最简单的设计方法就是在音乐列表页面,直接将下载图标连接到音乐文件的URL。
在实际的网站设计中采用的方法是将音乐文件的ID值传递到下载页面单独进行处理。
具体步骤如下:
首先,打开前面已经创建的动态页面download.asp。
4.5.1建立查询音乐文件路径记录集
击“应用程序/绑定”面板上的“+”按钮,在弹出的菜单中选择“记录集(查询)”命令,弹出“记录集”对话框,在该对话框中要对“筛选”进行设置,具体设置如图所示。
4.5.2自动跳转的音乐文件URL
切换到代码视图,在“recordset1.close()”上一行加上代码:
Response.Redirect(recordset1.Fields.Item("MusicPath").Value)
如图所示:
4.6
DW创建MP3音乐连续播放
减小字体
增大字体作者:
佚名 来源:
本站整理 发布时间:
2010-3-221:
23:
22
首先建立数据库,ID设为自动编号,歌曲名称设为文本,歌曲地址设为备注;
设置页面加一个复选框并绑定ID(把ID拖进复选框内)。
下面建立2个按钮“全部选择”“提交”。
播放页面,建立播放起“AX”;其参数为
参数 值
showstatusbar 1 (为显示状态为1不然他就没法显示上一首或下一首了)
filename getmusicadd.asp?
id=<%=Request("id")%> (getmusicadd.asp为
建立记录集
SQL:
SELECT*
FROM歌曲
WHEREidin(MMColparam)
ORDERBYidASC
变量:
名称 默认值 运行值
MMColparam 1 Request("id")
获取音乐地址的ASP其记录集和上面一样
建立记录集
SQL:
SELECT*
FROM歌曲
WHEREidin(MMColparam) (MMColparam为复选框名称)
ORDERBYidASC
变量:
名称 默认值 运行值
MMColparam 1 Request("id")
在这一ASP内还要加上一段代码
在数据库代码后面的
<%
DimRepeat1__numRows
DimRepeat1__index
Repeat1__numRows=-1
Repeat1__index=0
Repeat1__numRows=Repeat1__numRows+Repeat1__numRows
%>
下面就是加进的代码了
<%
While((Repeat1__numRows<>0)AND(NOTRecordset1.EQF))
%>
"/>
<%
Repeat1__index=Repeat1__index+1
Repeat1__numRows=Repeat1__numRows+1
Recordset1.MoveNext()
Wend
%>
下面解释下
是个播放列表
<%
下面的就是记录集
While((Repeat1__numRows<>0)AND(NOTRecordset1.EQF))
%>
<%
Repeat1__index=Repeat1__index+1
Repeat1__numRows=Repeat1__numRows+1
Recordset1.MoveNext()
Wend
%>
我们只需要填写
播放列表和
"/> (告诉我们播放机播放地址,也就是说传递的参数有几个他就给我们选择几个)
最简单的就是下面的那个了,它还可以调用动画文件
<%MMp=(Recordset1.Fields.Item("歌曲地址").Value)%>
<%response.redirect(MMp)%>
<%
While((Reeat1__numRows<>0)AND(NOTRecordset1.eof))
%>
"/>
<%
Repeat1__index=Repeat1—index+1
Repeat1__numRows=Repeat1__numRows+1
Recordset1.MoveNext()
Wend
%>
<%
Recordset1.Close()
SetRecordset1=Nothing
%>
复选框
functionselectall()
{
varclength=document.form1.pass.length;
vari;
for(i=0;i{
document.form1.pass(i).checked=true;
}
}
functionqx()
{
varclength=document.form1.pass.length;
vari;
for(i=0;i{
document.form1.pass(i).checked=false;
}
}