摘 要

随着AcFun与哔哩哔哩弹幕网站的兴起，弹幕已经日益成为网络视频的一部分，这种播放器与普通的播放器不同，除了最基本的播放功能以外，用户还可以通过播放器进行“弹幕”，同时这些弹幕会被保存起来，在播放器加载的时候会载入以前的弹幕，每一个用户都可以看到其他用户的弹幕，从而增强了交互性，增加了用户间的交流，因此拟定实现一个拥有弹幕功能的HTML5视频播放器。

随着现在户外联网的发展，平台的交互性已经越来越流行了。此软件系统也是一个交互式的软件。针对的主要用户群体是观看网络直播或者观看在线视频的用户。这个软件可以达到用户和用户之间友好的交互和信息的共享。

本系统以Node.js搭建服务器，Express架构作为基本架构，使用HTML5和CSS制作网站界面，并使用JavaScript来给网站增加动态功能，另外还运用了一部分JQuery的知识使用户的HTML页面的代码和HTML内容分离，使用MongoDB作为数据库存储用户和视频信息，并且在整个开发过程中使用webstorm作为IDE。

本系统最终主要实现了视频播放、弹幕发送、弹幕控制以及视频管理等主体功能，用户可以通过首页自选或搜索来点播自己想要观看的视频，并且在观看视频的过程中，可以发送弹幕和其他用户进行交互。用户可以控制所发送弹幕的字体、颜色和发送位置，以此来达到所想要的弹幕效果，同时可以调整弹幕透明度来实现视频和弹幕之间的和谐度。后台中用户可以管理视频，实现视频库的增删改查，以此不断更新视频库中的视频。

关键词：弹幕；HTML5；Node.js；MongoDB；Webstorm

Abstract

With the rise of Acfun and bilibili barrage site has increasingly become a part of the network video. There are some differences between this player and ordinary player, in addition to the basic playback function, users can also "barrage" from the player. At the same time, the barrage will be stored, when loading the player will load before the barrage, each user can see other users of the barrage, so as to enhance the interaction and increase the communication between users and therefore proposed to achieve with a barrage of HTML5 video player.

With the development of outdoor networking, the interaction of the platform has become increasingly popular. This software system is also an interactive software. The main user group is to watch live online or watch online video users. This software can achieve a friendly interaction and information sharing between users and users.

This system with node.js build server, express architecture as the basic framework, using HTML5 and CSS web interface and use JavaScript to add dynamic function to the site, in addition also use the jQuery knowledge users HTML page code and HTML content separation and use mongodb as database to store user and video information, and the whole development process using webstorm as IDE.

This system mainly realizes the video play, barrage sent, barrage control and video management main body function, users can through the home page of your choice or to search for video on demand (VOD) they want to watch, but can be sent barrage and other users to interact in the process of watching a video. Users can control the transmitted barrage of font, color, and sends the position, in order to achieve the desired barrage effect, also can adjust the barrage transparency to achieve between the barrage of video and the degree of harmony. In the background, users can realize the management of video, video database crud, in order to update the video library of video.

Key Words：Barrage；HTML5；Node.js；MongoDB；Webstorm

目 录

摘 要 I

Abstract I

第1章 绪论 1

1.1 课题研究的背景 1

1.2 国内外研究现状 1

1.3 课题研究的目的和意义 2

1.4 论文概述 3

第2章 开发平台介绍和使用技术分析 4

2.1 系统所需的软硬件平台 4

2.2 主要开发工具及语言介绍 4

2.3 使用技术的分析 6

第3章 需求分析 7

3.1 项目背景分析 7

3.2 可行性研究分析 7

3.3 功能需求描述与分析 7

3.3.1 系统用例描述 7

3.3.2 系统流程 9

第4章 系统详细设计 11

4.1 总体结构设计 11

4.2 详细设计 11

4.2.1 登陆注册模块 11

4.2.2 视频管理模块 13

4.2.3 播放控制模块 14

4.2.4 弹幕控制模块 18

4.3 数据库设计 19

4.3.1 数据库概念结构设计 20

4.3.2 数据库逻辑结构设计 21

4.3.3 数据库连接 22

4.4 功能实现 23

4.4.1 界面设计 23

4.4.2 主要功能实现 24

第5章 结论 28

5.1 系统测试 28

5.2 总结 29

参考文献 30

致 谢 31

绪论

课题研究的背景

弹幕网是新兴的一种视频分享网站,最早起源于日本并在青少年中流行。弹幕网内容多以动画、同人和恶搞为主。具有互动性,及时性强等特点。从分析弹幕网的特点和它在中国的现状角度分析弹幕网的优劣势,客观地阐明弹幕网的发展前景。

目前"90后"人群中最火的互联网产品,火到不可思议!与传统视频网站相比,弹幕视频分享网站更加注重与广大用户之间的交流与互动,用户在获取信息的过程中,还可以作为网站内容的制作者,自由分享信息。Bilibili.tv是弹幕视频分享网站的典型代表。创建于2009年,前身是视频分享网站Mikufans。与传统视频分享网站只在播放器下评论区域显示不同,弹幕视频网站会以滑动字幕的方式实时出现在视频画面上,从而实现用户间的互动。弹幕视频网站的出现,一定意义上是对传统视频网站观看模式的优化与细分^[6]。