网页版在线音乐播放器详细设计毕业设计


    

    科 毕 业 设 计




    毕业文题目: 音乐线点播系统设计
    学 生 姓 名:
    学 号:
    系 : 计算机信息科学系
    专 业 班 级: 计算机科学技术班
    指导教师姓名职称:
    起 止 时 间: 20XX年 2月 — 20XX 年 5月





    网络普快速发展网成获取知识信息重途径越越开始接触网络利网络提高身素质满意广网友娱乐求音乐网站应运生
    通现较流行音乐网站进行调查分析明确户音乐需求基础确定音乐线点播系统功户注册登录曲目分类歌手分类专辑查歌词显示歌曲包括检索线播放功播放操作等台理中理员站音乐信息采取必维护措施
    文首先进行系统需求分析确定系统功模块采SQL2014数库建立系统运行需台数库采VS2015集成开发环境配合C#语言开发出音乐系统网站
    关键词:音乐 Web 数库 网络 ASPNET
    Abstract
    As the popularity and rapid development of network Internet access to knowledge and information have become a major way more and more people came into contact with the network and use the Internet to improve their own quality of entertainment to the majority of users satisfied the requirements came into music site
    Through the existing more popular music site investigation and analysis based on clear user demand for music on the determination of the function of music online ondemand systems are user registration and login track category singer classification album view lyrics display including song search online playback and playback operations In the backstage management the administrator to take the necessary measures to safeguard the station music information
    Firstly the demand for system analysis the various system modules to be built Create a system using a database with sql2014 backend database to be run using the vs2015 integrated development environment using C # language development with a music system website
    Key words:Music Web Database Network ASPNET
    目 录
    1 绪 1
    11 课题背景 1
    12 目意义 2
    13 关键技术解决方案 2
    2 系统开发环境 3
    21 BS结构模式 3
    22 动态网站技术介绍 4
    23 数库技术 4
    24 ADONET连接数库 5
    3 需求分析 7
    31 行性分析 7
    311 技术行性 7
    312 济行性 7
    313 操作行性 7
    314 法律行性 8
    32 系统概述 8
    33 需求分析 8
    331 播放器支持音乐格式需求 9
    332 网站首页需求 9
    34 计算机软件配置开发台 9
    341 计算机系统硬件配置 9
    342 计算机系统软件配置 9
    343 编程环境工具 10
    4 总体设计 11
    41 系统模块总体设计 11
    411 音乐台系统结构 11
    412 音乐台系统流程 12
    42 数库设计 13
    421 数字典 13
    422 数库ER图 15
    423 数表设计 16
    5 详细设计 20
    51 网站首页界面设计 20
    52 模块功设计 20
    521 户注册理模块 20
    522 音乐线播放模块 22
    523 收藏载模块 23
    524 歌曲歌手分类点播次数衡量排行榜 25
    525 歌曲库户理 27
    53 输入输出设计 28
    6 系统测试性分析 30
    61 测试务目标 30
    611 测试务 30
    612 测试目标 30
    62 计划 30
    63 测试例 31
    631 理员登录测试 31
    632 歌曲添加测试 31
    633 歌曲载测试 31
    634 户注册登录歌曲收藏测试 32
    635 歌曲线试听测试歌词显示 32
    636 歌曲歌手检索 32
    7 系统说明 34
    71 系统运行环境 34
    72 系统说明 34
    8 总结展 35
    参考文献 35
    图文说明 37
    致 谢 39
    音乐线点播系统设计
    ***
    1 绪
    11 课题背景
    时代互联网络高速发展发达时代着计算机互联网络快速发展已进入信息时代时代中离开互联网络商业工业银行财政教育政府娱乐信息产业更密分繁忙工作中承受着种样压力音乐网站作新时代传媒产物工作余舒缓压力调整心情纷繁网络中够找休憩天
    着Internet技术发展音乐网站音乐欣赏娱乐手段载体发生革命性变化Internet开发性分布性特点基Internet巨计算机力突破时间空间限制基Internet线音乐网站早已成研究热点传统音乐欣赏交流模式相线音乐具拟优越性满足数户音乐爱需求时刺激电子数码产品频繁更新换代
    现音乐网站体两种模式:拥独立服务器服务器强存存储mp3歌曲资源提供线播放功需mp3歌曲转换成wma格式否服务器吃消提供免费wma格式歌曲载(服务器受载流量)种模式音乐网站高级模式该模式收入完全网络广告涉版权问题没办法做外mp3歌曲百度容易搜二需虚拟空间套程序批量采集网站歌曲提供线播放功种模式现普遍偷站投入低理维护省时省事受制采集方服务器仅仅网络广告盈利现模式缺点资源价值高音乐网站实面风险实太版权问题说服务器投入成广告盈利成例
    针现种状况音乐网站发展具备点:1歌曲资源具备高价值2提供试听载功3够独特风格目前
    流行音乐网站传播形式致分三类:固定网站流行音乐网站搜索类流行音乐网站P2P类流行音乐网站三者功异互补充
    12 目意义
    网络飞速发展社会里网络已成日常工作休闲娱乐工具选择课题音乐线点播系统设计网络互动
    许传统信息数库系统移植互联网音乐网站作时代产物早已超国界听音乐变简单便捷摒弃传统听音乐媒体足正快速前发展音乐网站发展网络音乐种全新音乐模式突破传统音乐制作方法传播模式局限更加贴生活音乐网站网络音乐发展台音乐网站功较单着网络技术发展户音乐网站求逐步提高音乐网站逐渐出现更采较优越开发工具(ASPNETJSPJavaScriptPHP等)建设音乐网站课题研究音乐台提供搜索欣赏载台带方便
    课题目标设计实现音乐网站结合实践理解进步加深网页开发技术数库知识熟练运相关开发工具应软件熟悉网站建设程熟练掌握网络数库编程方法
    13 关键技术解决方案
    系统采ASPNET技术BS架构网站开发工具VS2015数库sql server 2014技术CSSC#JavaScriptAjax线试听户端调jqueryplayer播放器服务器数库查询播放歌曲路径参数赋值播放器实现搜索功采取模糊查询精确查询两种
    2 系统开发环境
    系统采BS结构前台开发工具VS2015台数库SQL2014软件求:操作系统Windows XP更高Internet Explorer 501 更高版硬件求:Pentium 133 MHz更快存求128 MB更高
    21 BS结构模式
    BS(BrowserServer)结构浏览器服务器结构着Internet技术兴起CS结构种变化者改进结构
    BS模式优点缺点
    BS结构优点:
    (1)具分布性特点时进行查询浏览等业务处理
    (2)业务扩展简单方便通增加网页增加服务器功
    (3)维护简单方便需改变网页实现户步更新
    (4)开发简单享性强
    BS 模式缺点:
    (1)性化特点明显降低法实现具性化功求
    (2)操作鼠标基操作方式法满足快速操作求
    (3)页面动态刷新响应速度明显降低
    (4)功弱化难实现传统模式特殊功求
    二CS 模式优点缺点
    CS 模式优点:
    (1)客户端实现服务器直接相连没中间环节响应速度快
    (2)操作界面漂亮形式样充分满足客户身性化求
    (3)CS结构理信息系统具较强事务处理力实现复杂业务流程
    CS 模式缺点:
    (1)需专门客户端安装程序分布功弱针点面广具备网络条件户群体够实现快速部署安装配置
    (2)兼容性差开发工具具较局限性采工具需重新改写程序
    (3)开发成较高需具定专业水准技术员完成
    三BS架构软件优势劣势
    (1)维护升级方式简单
    (2)系统性系统性方面BS占优势异浏览信息采集灵活性
    (3)系统开发CS技术应更成熟更
    四CS架构软件优势劣势
    (1)应服务器运行数负荷较轻
    (2)数储存理功较透明
    (3)CS架构劣势高昂维护成投资
    22 动态网站技术介绍
    系统操作界面Web页面形式需种户具体请求进行动态处理返回结果般静态Web页面技术法实现采动态网页技术目前动态网页技术说层出穷CGIASPNETJSPASPPHP等设计采ASPNET技术
    ASPNET(称ASP+)ASP代版ASP 40 Web开发全新框架中包含许新特性ASPNET完全基模块组件具更扩展性定制性数处理方面更引入许激动心新技术正具革新意义新特性ASPNET远远超越ASP时提供Web开发员更灵活性效缩短Web应程序开发周期ASPNETWindows 2005 ServerAdvanced Server完美组合中型企业级web商业模型提供更稳定高效安全运行环境
    23 数库技术
    关系型数库(Relational Database)干关系模型设计数表集合说关系数库干张完成关系模型设计二维表组成
    关系数库具数学方法相致关系模型设计数表基文件数表间具独立性干数表间具相关性特点具极优越性迅速普关系数库特点:
    (1)面系统观点组织数数具冗余度支持复杂数结构
    (2)具高度数程序独立性户应程序数逻辑结构数物理存储方式关
    (3)数具享性数库中数户服务
    (4)关系数库允许户时访问时提供种控制功保证数安全性完整性发性控制安全性控制防止未允许户存取数完整性控制保证数正确性效性相容性发性控制防止户发访问数时相干扰产生数致
    24 ADONET连接数库
    ADONET户提供种全新数库访问机制数库编程变简单ADONET户提供两种数访问模式连接模式(connected)利ADO技术进行数连接编程种传统数库访问技术种非连接模式(disconnected)ADONET具提供更升级性灵活性非连接模式数访问应程序数源中获需数然断开原数源连接完成数更新工作
    数集象数库中获XML数流中获取户需考虑数源位置ADONET体系结构中数提供者象非常重部分通访问数库产生数集象时支持数连接模式数库访问ADONET体系结构图图21示

    应程序
    连接模式
    非连接模式
    数提供者象
    数集象
    数库
    XML数

    图21 ADONET体系结构图
    3 需求分析
    31 行性分析
    软件需求分析工作软件生存周期中重步通需求分析软件功性总体概念描述具体软件需求规格说明奠定软件开发基础软件需求分析工作断认识逐步细化程该程软件调研阶段需求资料进行分析设计软件范围逐步细化详细定义程度分析出种软件元素然元素找行解决办法章角度需求分析问题讲述软件需求类型分析程
    311 技术行性
    线音乐网站特点方面动态理种类型音乐信息准备足够音乐资源求动生成种静态页面方面计算机音乐试听特点时间空间优势时根喜选择喜欢歌曲网页音乐户带方便系统中户易贯穿软件思想掌握方法前台视化程度较高机交互力较强应起较方便直观台数库功强更支持运行系统开发软件技术行
    312 济行性
    软件济行性指软件带济效益开发设计需投资相否相适宜时软件否真正户带足够济效益开发线音乐点播台正基户娱乐休闲目设计系统开发济完全行开发软件需量费独立设计节省许费时提高实际动手力
    313 操作行性
    类社会进入九十年代计算机技术飞速发展种应软件已日益接受理形式计算机化社会发展必然趋势种智化软件层出穷面二十世纪智理挑战减少原工操作费时费力状况避免济犯罪理层容易做出时决策系统户台直接面普通户界面简单明采视化界面普通户需鼠标完成相应数操作少量数输入台理员户完成初次系统户必复杂培训学掌握系统操作流程见开发系统操作行
    314 法律行性
    该音乐网站设计实现法律未侵害权利须承担法律责法律方面开发系统完全行
    32 系统概述
    音乐线点播系统典型音乐网站网站分前台台2模块模块权限功网站前台显示曲目分类歌手分类专辑播放列表歌词动态滚动等网站提供户注册功注册户登录网站实现普通户没功例载歌曲收藏歌曲等台理员前台涉信息进行理开发样网站实现般音乐网站功站特色前台分2种角色具备权限功
    33 需求分析
    保证系统够长期安全稳定高效运行系统应该满足性需求:
    系统处理准确性时性:系统处理准确性时性系统必性系统设计开发程中充分考虑系统前承受工作量系统处理力响应时间够满足企业员工信息处理需求
    系统开放性系统扩充性:系统开发程中应该充分考虑扩充性例数表中户选择字段方式改变户查询需求会断更新完善求系统提供足够手段进行功调整扩充实现点应通系统开放性完成系统应开放系统符合定规范简单加入减少系统模块配置系统硬件通软件修补换完成系统升级更新换代
    系统易性易维护性:实现点求系统应该量户熟悉术语中文信息界面针户出现问题提供足够线帮助缩短户系统熟悉程
    系统数求:(1)数录入处理准确性实时性(2)数致性完整性(3)数享独立性
    331 播放器支持音乐格式需求
    网站播放器支持流音频格式例MP3格式(MPEG1 Audio Layer3)德国1987年开发出WMA格式(Windows Media Audio)压缩率占空间MP3半WAV格式(波形格式文件)高品质音质硬件代价OGG格式音效MP3相媲美
    332 网站首页需求
    网站首页必元素:然首页元素根企业性质会做改变基页面元素必须具备:导航栏LOGOBanner钮图片文字(1)导航栏:导航栏果设计恰处会网页身增色导航栏排两排排图片导航Frame框架快捷导航(百度音乐种)等等种情况设计时候横排时候竖排外动态导航栏精彩Flash导航(2)LOGO:LOGO网站家较直观信息表达工具网站LOGO般静态居动态LOGO特点表达网站信息网站直接表现窗口(3)Banner:网站广告展示引起户注意记忆增强画面效果重作(4)钮:网页中户登录登录钮排行榜等等类似物件通常统称钮引导户进入页面重端口
    34 计算机软件配置开发台
    341 计算机系统硬件配置
    板:宏碁 EA40_HC
    CPU:Intel(R) Core(TM) i53210M CPU @ 250GHz (4 CPUs)
    存:4 GB ( 海力士 DDR3 1333MHz 金士顿 DDR3 1333MHz )
    硬盘:希捷 ST9500325AS ( 500 GB 5400 转分 )
    光驱:先锋DVR117CH
    显卡:集成Intel GMA 3100显卡
    声卡:集成Realtek ALC8838声卡
    网卡:集成AR8132百兆网卡
    显示器:友达 AUO183C
    342 计算机系统软件配置
    操作系统:Windows 81 update
    安装软件:Microsoft Office 2010
    Adobe Acrobat 100 Professional
    Internet Explorer 110
    VS2015+SQL20014
    343 编程环境工具
    系统开发时选功较强VS2015C#作开发语言时选项SQL2014数库软件产品Microsoft公司产品彼间兼容性较开发出应系统稳定性较高
    VS2015具视化开发环境快速完成系统开发部集成数访问通道轻松方便数库进行理
    数库采Microsoft SQL2014该系统求采完全适合工作需求支持类型十分丰富维护简便费较低员素质求高容易升级
    4 总体设计
    总体设计阶段基目标概回答系统应该实现需求分析基础规划出系统功模块分析基础设计出具体满足系统全部需求数库设计工程产品系统中开发阶段第步定义应种技术原理设备程系统做出足够详细决策物理实现程
    41 系统模块总体设计
    阶段设计基目标解决系统实现问题做概设计阶段务划分出系统物理元素设计软件结构完成软件定义时期务应该系统进行总体设计根系统分析产生分析结果确定系统系统模块组成系统模块机结合起模块功实现系统设计目标系统实现拥求功时力争达高效率高性修改性容易掌握
    线音乐点播台典型音乐网站网站分前台台2模块模块权限功网站前台显示曲目分类歌手分类专辑播放列表歌词动态滚动等网站提供户注册功注册户登录网站实现普通户没功音乐收藏功台理员前台涉信息进行理开发样网站实现般音乐网站功站特色前台分2种角色具备权限功
    411 音乐台系统结构
    根网站角色网站角色分3种类型种未注册户种网站户网站台理员
    未注册户功权限:
    实现全选歌曲播放:选择音乐进行线播放
    查音乐排行榜:查系统户点击数统计进行排行排行榜
    歌手名首字母搜索:歌手进行分类根歌手名首字母信息快速定位歌手方便查找该歌手歌曲
    注册户未注册功外具两种权限:
    歌曲收藏:户登录网站喜欢歌曲进行收藏方便次登录时查找
    歌曲载:户登录网站载喜欢歌曲户电脑
    理员权限:
    添加删歌曲专辑:歌曲信息进行添加修改删等操作
    户信息理:网站前台注册户进行查删等操作
    密码理:修改理员密码
    退出台理:理员台退出理样清缓存中理员账号密码果需进入台需重新登录
    系统功结构图图41示
    图41 系统功结构图
    412 音乐台系统流程
    开网站首先展示程序首页首页中包含户注册登录理员推荐部分排行榜导航显示歌手排行榜分类MV专辑音乐等选项户点击歌曲时跳转播放模块播放页面包含前歌曲播放操作播放列表歌词显示户收藏模块歌曲载模块等系统流程图图42示
    图42 系统流程图
    42 数库设计
    数库设计阶段具体设计目标系统出新系统软件详细信息时求设计出信息简明易懂便阶段某种程序设计语言计算机实现数库设计注意事项:
    1定义标准象命名规范
    2方便数查询支持条件查询
    3解户需求根业务需创建数表
    4创建数字典 E-R 图表
    5数库维护
    421 数字典
    数字典系统中类数描述集合进行详细数收集数分析获成果数字典通常包括数项数结构数流数存储
    处理程五部分数库数字典仅数库中心户非常重信息户SQL语句访问数库数字典
    数字典作软件分析设计程中提供关数描述信息数流程图配数字典图形文字两方面系统逻辑模型进行完整描述数流图中数流处理逻辑外部实体数存储数项等方面进行具体定义手工修改数字典里信息
    4211 数元素定义
    数元素(data element)数基单位计算机程序中通常作整体进行考虑处理包括容:数项描述={数项名数项含义说明名数类型长度取值范围取值含义数项逻辑关系数项间联系}中两项定义数完整性约束条件数校验具体容表41示
    表41 音乐网站数元素定义表

    4212 数结构
    数结构指数间相互关系数组织形式般包括数逻辑结构存储结构数运算三方面容具体容表42示
    表42 音乐网站基数结构
    数结构编号
    数结构名称
    含义说明
    组成
    DS1
    理员
    描述理员信息
    (IdAnameApwd)
    DS2
    专辑信息表
    描述专辑信息
    (Idnameimg_urlsingerid)
    DS3
    评表
    描述评信息
    (IdMusicIdCommentsAddtimeAddUserName)
    DS4
    音乐收藏
    描述音乐收藏信息
    (IdMusidIdUseridCreatetime)
    DS5

    描述户信息
    (idnameloginedpasswordsemailCreateTimequestionanswerCreateTime)
    DS6
    音乐
    描述音乐信息
    (idnamefilenamelrcnametypeidsectidmoodidlanguageidclicktimespecialid )
    DS7
    音乐类
    描述音乐类信息
    (IdnamecontentAddtime)
    DS8
    流派类
    描述音乐流派信息
    (Idsectnamecreatetime)
    DS9
    户收藏
    描述专辑信息
    (IdAmIdUserNameAddtime)
    DS10
    歌手信息
    描述歌手信息
    (Idnamecodeclassidimg_urlcreatetimesexbirthtimeclicktime)
    DS11
    语种信息
    描述音乐语种
    (idnamecreatetime)
    422 数库ER图
    ER图实体联系图(Entity Relationship Diagram)提供表示实体型属性联系方法描述现实世界概念模型构成ER图基素实体型属性联系实体型(Entity)矩形表示矩形框写明实体名属性(Attribute)椭圆形表示边相应实体连接起联系(Relationship)菱形表示菱形框写明联系名边分关实体连接起时边旁标联系类型(1 11 nm n)
    数库ER图图43示:

    图43 数库ER图
    423 数表设计
    系统数库采SQL2014数库系统数库名称OnlineMusic__DB数库OnlineMusic__DB中包含11张表SQL2014数库设计中表SQL2014数库中基象基础象数库说非常重设计否合理直接数库性相关重视表设计基础做起提升数库性努力
    数库OnlineMusic__DB面表格组成表命名字段命名相应名称拼音首字母组合成表格设计结果表格示表格表示数库中相应表
    表43 理员表——AdminInfo
    列名
    数类型
    意义
    允许空
    备注
    AdminID
    int
    编号


    AdminName
    varchar
    账号


    AdminPwd
    varchar
    密码




    表44 专辑信息表——tb_Specials
    列名
    数类型
    意义
    允许空
    备注
    Id
    Int
    编号


    name
    nvarchar
    名称


    Img_url
    varchar
    封面路径


    Addtime
    datetime
    添加时间


    Singerid
    int
    歌手


    表45 音乐收藏信息表——tb_collect
    列名
    数类型
    意义
    允许空
    备注
    Id
    int
    编号


    Musicid
    Int
    音乐编号

    外键
    Userid
    int
    收藏

    外键
    CreateTime
    datetime
    收藏时间


    表46 户信息表——tb_users
    列名
    数类型
    意义
    允许空
    备注
    id
    int
    编号


    name
    nvarchar
    姓名


    Loginid
    varchar
    登录账号


    Passwords
    varchar
    密码


    question
    varchar
    密码问题


    answer
    varchar
    密码答案


    Email
    varchar
    电子邮件


    CreateTime
    datetime
    注册日期


    表47 音乐信息表——tb_Musics
    列名
    数类型
    意义
    允许空
    备注
    Id
    int
    歌曲编号


    name
    nvarchar
    歌曲名称


    Typeid
    int
    类编号

    外键
    TypeName
    nvarchar
    类名称


    SingerId
    int
    歌手编号

    外键
    Singer
    nvarchar
    歌手名称


    specialid
    int
    专辑编号

    外键

    ds
    text
    歌曲描述


    CreateTime
    datetime
    添加时间


    clicktime
    int
    点击次数


    filename
    nvarchar
    歌曲址


    Lrcname
    Nvarchar
    歌词址


    Sectid
    Int
    流派编号

    外键
    Moodid
    Int
    情绪编号

    外键
    Languageid
    Int
    语种编号

    外键
    表48 音乐类信息表——tb_musictype
    列名
    数类型
    意义
    允许空
    备注
    Id
    int
    类编号


    Typename
    nvarchar
    类名称


    表49 流派类表——tb_musicsect
    列名
    数类型
    意义
    允许空
    备注
    Id
    int
    类编号


    sectname
    nvarchar
    类名称


    表410 播放历史信息表——tb_history
    列名
    数类型
    意义
    允许空
    备注
    Id
    int
    编号


    Userid
    int
    户编号

    外键
    musicid
    int
    歌曲户

    外键
    Createtime
    datetime
    收藏时间


    表411 歌手信息表——tb_singers
    列名
    数类型
    意义
    允许空
    备注
    Id
    int
    编号


    Name
    nvarchar
    歌手姓名


    Code
    Char(1)
    首字母写


    Classid
    Int
    类编号

    外键
    Img_url
    Varchar
    歌手片路径


    Sex
    Varchar



    Clicktime
    Int
    点击数


    表412 语种分类表——tb_musiclanguage
    列名
    数类型
    意义
    允许空
    备注

    Id
    int
    编号


    Name
    nvarchar
    语种名称


    Createtime
    datetime
    播放时间


    表413 MV信息表——tb_mvs
    列名
    数类型
    意义
    允许空
    备注
    Id
    int
    编号


    title
    nvarchar
    MV名称


    filename
    nvarchar
    MV路径


    singerid
    Int
    歌手编号

    外键
    Img_url
    Varchar
    MV片路径




    5 详细设计
    详细设计务软件分解成模块模块指实现某功数程序说明执行程序程序单元函数程子程序段带程序说明独立程序数组合分解更换功单元模块目标出软件模块结构软件结构图表示详细设计首务设计模块程序流程算法数结构常方法结构化程序设计方法
    51 网站首页界面设计
    首页网站第页面开网站第页面音乐网站首页显示信息包括界面导航信息户登录框音乐类音乐专辑歌手列表MV更新公告新音乐热门音乐等户关注信息系统首页运行效果图51示

    图51 网站首页
    52 模块功设计
    521 户注册理模块
    户模块包括网站户注册户登录户修改注册信息等基重模块户注册信息包括户登录账号户密码姓名户密码问题户密码问题答案户邮编等信息该模块实现功表51示
    表51 户理模块功表
    功名称
    定 义
    户注册
    实现户注册功
    户登录
    实现户登录功
    户理
    户户信息进行理操作
    户注册模块界面图52示

    图52 户注册页面
    户注册文予户注册时填写信息户点击确定台处理获取文框容检查容符合写数库具体实现代码:
    户注册实现
    model dalFindByWhere( LoginID' + txtLoginIDText + ' )
    if (model null)
    {
    MsgBoxAlert(起该账号已存)
    }
    else
    {
    model new Model_tb_users()
    modelname txtUserNameText户注册名
    modelloginid txtLoginIDText户登录名
    modelCreateTime DateTimeNow注册时间
    modelpasswords txt_NewPwdOKText密码
    modelemail txtEmailText邮箱
    modelquestion
    DropDownList1SelectedItemText找回密码问题
    modelanswer txtAnswerText问题答案
    dalInsert(model)
    MsgBoxAlert(注册成功 Defaultaspx)}
    522 音乐线播放模块
    播放模块包含根户搜索历史户推荐歌曲列表播放列表首首音量调节暂停播放播放进度条歌词滚动显示已登录户添加载收藏功等该模块实现功表52示
    表52 音乐线播放功
    功名称
    定 义
    推荐列表
    户推荐歌曲
    播放列表
    显示前播放歌曲列表

    点击实现播放前歌曲歌曲列表中首歌曲

    点击实现播放前歌曲歌曲列表中首歌曲
    音量调节
    调节音量
    暂停播放
    实现暂停播放歌曲功
    播放进度条
    调节前音乐播放进度
    歌词滚动
    根播放进度动态滚动歌词
    音乐线播放页面图53示

    图53 音乐播放界面
    音乐播放功调jqueryplayer已封装播放器代码实现程先设计布局通初始化player插件需播放信息通台处理赋值前台jquery中歌词显示通解析lrc文件歌词信息赋值指定容器中动态获取前播放歌曲时间实现歌词行行间滚动效果具体实现代码:
    播放功
    myjplayer (#jquery_jplayer_1)
    json eval('()')
    json台处理数数格式:歌曲名作者歌曲路径
    length jsonlength
    myjplayerjPlayer({
    ready function () {
    playMusic(myjplayer)
    buildPlayList()
    }
    ended function (event) { 播放结束触发事件
    if (curindex < length 1) {
    curindex + 1
    playMusic(myjplayer)
    buildPlayList()
    } else {
    curindex 1
    }
    }
    swfPath MusicPlayer
    supplied mp3 播放支持格式
    523 收藏载模块
    歌曲收藏载见名知义非歌曲收藏载歌曲电脑模块需该网站注册登录户具功该模块实现功表53示
    表53 收藏载功
    功名称
    定 义
    歌曲收藏
    注册登录户实现歌曲收藏
    歌曲载
    注册登录户实现歌曲载电脑
    歌曲收藏载页面图54图55示

    图54 收藏载 图55 收藏
    户选择歌曲时点击收藏钮台选中歌曲信息前登录户信息添加数库中户收藏表载功台取歌曲相路径通TransmitFile函数实现载功具体实现代码:
    歌曲收藏
    case Collect
    if (UserOnlineUserID 0)判断否登录
    {
    contextResponseWrite(2)
    }
    else {
    ID contextRequestQueryString[ID]
    if (DbHelperSQLGetSingle(select count(1) from tb_collect where musicid + ID + and userid + UserOnlineUserID)ToString() 0)判断否已收藏
    {
    contextResponseWrite(1)
    }
    else { 实现收藏功
    Model_tb_collect model
    new Model_tb_collect()
    modelmusicid ConvertToInt32(ID)
    modeluserid UserOnlineUserID
    modelCreateTime DateTimeNow
    new DAL_tb_collect()Insert(model)
    contextResponseWrite(InfoTypeSuccessToString())
    }
    }
    break
    歌曲载
    if (UserOnlineUserID 0) 判断否登录
    {
    ResponseWrite(