基于HTML5的多媒体自动播放系统的研究与设计

摘要

HTML5是目前最新的HTML标准，开发者使用HTML5技术可以给用户带来前所未有的全新交互体验。传统的多媒体播放系统采用的是C/S架构的本地应用程序，功能简单，而且不利于远程协作。随着当前网络以及多媒体技术的快速发展，新兴智能终端设备的大量普及，上一代的多媒体播放系统已经不能够适应现如今的发展需求了。
　　基于HTML5的多媒体自动播放系统，采用B/S架构，在研究了基于C/S架构的多媒体播放系统的功能后，进行了详尽的需求分析，利用HTML5的最新特性实现了一系列实用且用户体验佳的功能。论文主要阐述了基于HTML5的多媒体自动播放系统的用户、权限、素材、单元、节目、在线编辑、设备和传输模块的设计。采用Play Framework框架进行开发，以zTree树状插件作为基础，作为各个模块的基础显示组件，采用HTML DOM多层嵌套技术实现了在线编辑模块中的鼠标拖拽组件（Drag）和鼠标改变组件大小（Resize）的功能。最后还设计并实现了一套系统可扩展的接口程序，为其它相互关联的系统可以调用多媒体自动播放系统的功能提供了可能。
　　论文已经实现了多媒体自动播放系统的基本功能，完成了Demo版本的开发与测试，整个系统的正式上线还需要更加完整的测试和后续的改进。

目录

封面

中文摘要

英文摘要

目录

第一章 绪论

1.1 研究背景

1.2 国内外研究现状

1.3 研究目标

1.4 研究内容

1.5 论文章节安排

第二章 相关技术

2.1 HTML的发展历史

2.2 HTML5技术

2.3 MVC模式

2.4 Play框架

2.5 其他相关技术

2.6 本章小结

第三章 多媒体播放系统需求分析

3.1 基于C/S架构的系统功能分析

3.2 基于B/S架构的系统需求分析

3.3 系统模块设计

3.4 系统开发环境及配置

3.5 本章小结

第四章 基础组件的实现

4.1 鼠标悬停添加功能按钮的实现

4.2 添加子目录的实现

4.3 修改目录名的实现

4.4 删除目录的实现

4.5 鼠标复选操作的实现

4.6 鼠标拖拽目录移动的实现

4.7 本章小结

第五章 在线编辑模块的实现

5.1 设计排版页面基本功能的实现

5.2 鼠标拖拽素材组件的实现

5.3 鼠标改变素材组件大小的实现

5.4 素材选择的实现

5.5 数据存储

5.6 在线编辑技术拓展

5.7 本章小结

第六章 接口设计与实现

6.1接口的设计

6.2 接口的实现过程

6.3 技术难点及解决方案

6.4 本章小结

第七章 总结与展望

7.1 论文工作回顾

7.2 系统运行现状

7.3 后续研究工作

参考文献

致谢

攻读学位期间发表的学术论文目录

上海交通大学硕士学位论文答辩决议书

声明