摘  要

 

Web2.0随着当代互联网技术的飞速进步而高速发展。HTML5作为Web 2.0的规范之一，其应用也愈来愈广泛。Video标签作为HTML5的新特性之一，它的出现使得许多Web浏览器不再通过Flash插件来为用户提供多媒体视频和音频的播放，也使得浏览器网页端的应用更加的丰富多彩。基于HTML5良好的跨平台服务的特点，网络短视频播放系统的设计与实现使得用户随时随地都能通过浏览器对系统进行访问。

本文将通过HTML5的新特性设计并实现网络短视频播放系统。主要内容包括确定选题、设计的实现、系统的开发和完成。首先简要介绍了网络短视频研究的现状以及发展趋势;其次介绍了项目中所需要运用的主体技术；最后是系统的设计与开发，包括系统的功能设计、数据结构的设计、界面UI的设计以及系统的开发以及系统的展示。

本系统采用的是B/S网络结构模式，选择的主要开发语言为JavaScript。系统是基于前后端分离的实现模式，前端选择的是HTML5和CSS，后端主要使用Node.js，采用Express框架，数据通过MySQL数据库来存储。本系统以目前应用广泛、热度高的短视频APP为原型，使得用户在网页端也能有良好的使用体验。

 

关键词：网络短视频，JavaScript，MySQL，FFmpeg

目 录

第一章 绪论 1

1.1 引言 1

1.2 国内外研究现状 1

1.2.1 网络短视频发展历程 1

1.2.2 网络短视频的研究主题 2

1.3 项目开发的目的与意义 2

1.4 存在的问题 2

第二章 技术选择的介绍 3

2.1 B/S模式 3

2.2 前后端分离 3

2.3 Node.js 3

2.4 FFmpeg 3

2.5 余弦相似度算法 3

第三章 网络短视频播放系统的设计与开发 5

3.1 系统的需求分析 5

3.1.1 功能需求 5

3.1.2 其他需求 5

3.2 系统的总体设计 5

3.2.1 功能需求分析 5

3.2.2 系统角色模块分析 6

3.2.3 系统架构设计 6

3.2.4 数据库表设计 7

第四章 网络短视频播放系统的设计与开发结果展示 9

4.1 用户登录注册模块 9

4.1.1 用户注册 9

4.1.2 用户登录 10

4.2 短视频操作模块 10

4.2.1 浏览、播放、暂停、删除短视频 11

4.2.2 上传短视频 11

4.2.3 搜索短视频 12

4.2.4 收藏、评论短视频 13

4.3 个人信息管理模块 14

4.3.1 用户信息展示 14

4.3.2 用户修改个人信息 16

第五章 结论 17

参考文献 18

致  谢 19