华北电力大学科技学院 软件综合实验(实验报告)_第1页
华北电力大学科技学院 软件综合实验(实验报告)_第2页
华北电力大学科技学院 软件综合实验(实验报告)_第3页
华北电力大学科技学院 软件综合实验(实验报告)_第4页
华北电力大学科技学院 软件综合实验(实验报告)_第5页
已阅读5页,还剩4页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

科技学院综合实验报告(2012--2013年度第1学期)名称:软件设计与实践题目:网页视频播放器院系:信息工程班级:学号:学生姓名:指导教师:田志刚设计周数:2成绩:日期:2012年1月11日《软件综合实验》任务书一、目的与要求软件综合实验是计算机科学与技术、软件工程、网络工程和信息安全专业学生的必修实践环节,本环节是在第六学期、第七学期设置,主要让学生进一步理解、巩固、加深前面所学的课程,并能综合运用所学课程的知识进行设计,掌握算法设计及实现的理论与方法,为毕业设计和今后的工作打下良好的基础。课程的基本要求:1.熟悉微机的应用环境。2.利用所学课程的知识,解决程序设计中的实际问题(实际应用题目,或模拟实际应用的题目),为毕业设计和今后的工作打下良好的基础。二、主要内容能熟练地利用微机设计出有实用价值的程序。1.熟悉Windows以及其它工具软件系统,2.根据所选题目进行算法设计(画出流程图,写出各模块的文档)。3.编程。4.上机调试。三、进度计划序号设计(实验)内容完成时间备注1查找、熟悉相关资料2天2根据题目进行详细设计2天3编码4天4调试2天四、设计(实验)成果要求编制一个网页播放视频,要求有两种播放模式,一种是可以操作者播放并控制,另外一种是仅可以播放和暂停,不允许改变视频播放进度。五、考核方式实验结果(60%)+实验报告(30%)+实验过程表现(10%)学生姓名:指导教师:年月日一、课程设计(综合实验)的目的与要求本次课程设计主要让学生进一步理解、巩固、加深前面所学的课程,并能综合运用所学课程的知识进行设计,掌握算法设计及实现的理论与方法,为毕业设计和今后的工作打下良好的基础。课程的基本要求:1.熟悉微机的应用环境。2.利用所学课程的知识,解决程序设计中的实际问题(实际应用题目,或模拟实际应用的题目),为毕业设计和今后的工作打下良好的基础。二、设计(实验)正文1、实验内容编制一个网页播放视频,要求有两种播放模式,一种是可以操作者播放并控制,另外一种是仅可以播放和暂停,不允许改变视频播放进度。2、系统平台需求:编程语言:xhtml/html5、javascript、css/css3操作系统:Windowsxp系列开发工具:Aptana运行环境:chrome浏览器、firefox浏览器3、实验运行结果本视频播放器所实现的功能:可以播放MP4格式的文件。两种播放模式,一种是可以操作者播放并控制,另外一种是仅可以播放和暂停,不允许改变视频播放进度。点击“模式转换”按钮即可在两种模式之间切换。(见图1)操作者可以点击“打开文件”按钮,输入要播放文件的路径或网址来打开想要播放的视频。(见图2)图1图2三、综合实验总结在本次试验中,我学习了HTML5、javascript以及css,能够独立完成网页视频播放器的简单设计,实现了网页播放器的基本功能。由于试验时间有限,还有很知识未能学习,所以播放器还有一些功能没有实现。我会继续努力,把它做得更完美。四、参考文献[1]张熠等编著.《零基础学HTML+CSS(第二版)》机械工业出版社,2012.3附录(程序)<html><style>#parent{ position:relative; background:#000;/*阴影*/ -moz-box-shadow:0px0px20px#333333; -webkit-box-shadow:0px0px20px#333333; box-shadow:0px0px20px#333333; /*上圆角*/ -webkit-border-top-left-radius:3em; -webkit-border-top-right-radius:3em; -webkit-border-bottom-right-radius:0em; -webkit-border-bottom-left-radius:0em;}#model{ margin:auto; position:absolute; height:20px; background:#362d25; width:1000px; left:70px; bottom:10px; opacity:0; display="none";}#button{width:50px;height:50px; margin:auto; display:block; border-radius:10px; border:0; padding:0; cursor:pointer; background:-webkit-gradient(linear,41%100%,100%8%,from(#999999),to(#333333),color-stop(0.5,#095766))}#button.click{ -moz-box-shadow:0px3px20px#3d6fed; -webkit-box-shadow:0px3px20px#3d6fed; box-shadow:0px3px20px#3d6fed;}#black{ background:#000; height:60px; width:850px; margin:auto; padding-top:10px; /*下圆角*/ -webkit-border-top-left-radius:0em; -webkit-border-top-right-radius:0em; -webkit-border-bottom-right-radius:5em; -webkit-border-bottom-left-radius:5em; -moz-border-radius-topleft:0em; -moz-border-radius-topright:0em; -moz-border-radius-bottomright:5em; -moz-border-radius-bottomleft:5em; border-top-left-radius:0em; border-top-right-radius:0em; border-bottom-right-radius:5em; border-bottom-left-radius:5em; border-bottom-left-radius:5em; position:relative;}#filebutton{ position:absolute; right:40; top:20;}</style><body><divid="parent"style="width:850px;margin:0auto;"><videowidth="800"height="600"style="margin:auto;display:block;"controls="controls"><sourcesrc="./mov_bbb.mp4"/>您的浏览器不支持video标签</video><divid="model"></div></div><divid="black"><buttonid="button"title="模式转换"><imgsrc="./button.gif"alt="按钮"width="30"height="30"/></button><inputtype="button"id="filebutton"onclick="disp_prompt()"value="打开文件"/></div><script>document.getElementById('button').addEventListener('mousedown',a,false);functiona(){ document.getElementById("button").className+='click'; if(document.getElementById("model").style.display=="none") document.getElementById("model").style.display="block"; else document.getElementById("model").style.display="none";}document.getElementById('button').addEventListener('mouseup',b,false);functionb(){ document.getElementById("button").className='';}</script><script> functiondisp_prompt(){ varaddress=prompt("选择文件","") if(address!=null&&address!=""){ if(address.search(/^[a-z]:/i)>=0){ address='file:///'+

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论