直播系统架构与功能设计目录

这是本人在星启信息技术服务有限公司开发的第一个项目---xx直播系统。由于我们公司是2016年才成立的一家新的创业型公司，由于资金紧缺，缺乏人手，所以本人在此项目里承担着架构设计和技术攻坚等工作（前端，后台，服务器都得开发），虽然这个项目没做成功，可是其中的很多技术还是颇具亮点的，不妨拿来学习，作为java初学者入门的一块敲门砖。

好了，闲话少说，言归正传：说起直播大家绝对不会陌生，作为一名资深单身汪再加上工作的需要，本人当然也少不了要到各大直播去逛逛，去学习里面的直播页面如何设计（liao liao zhi bo li de mei zi）。但是真正做一个直播需要用到什么技术呢？需要做哪些模块呢？现在直播界的资深laosiji要开车了，欢迎各位想提升java开发技能的小白们上车了。

《XX直播 系统部分模块简介》

 1.   搭建nginx+多台Tomcat集群实现负载均衡。

  2.  搭建Nginx流媒体服务器。

 3.   视频上传，视频播放功能。

 4.   群聊发文字，发图片功能。

  5.  弹幕功能。

 6.   公告消息滚播功能。

 7.   在线人数显示实时更新功能。

 8.   房间号显示功能。

  9.  点赞功能、关注功能。

 10.   轮播功能。

 11.   评论发布、查看功能。

 12  .跨域问题处理。

13  .OBS 直播录制软件的使用以及如何使用OBS对视频流做切片处理（H3u8）

14 . 移动端H5直播视频流播放的解决方案--videoJS

15  手机端禾苗live软件的使用

16. 监控系统的搭建与rtsp协议探讨

....................................................................................................

现在对开发XX直播系统的背景做一个介绍。xx直播是星启科技公司开发的一个以婚庆直播、商业直播、餐饮直播为切入点面向庆阳当地的直播系统，本系统主要是一个部署在阿里云服务器上基于Nginx+Tomcat的集群系统以Nginx 为流媒体服务器的高可用，可扩展的移动端的直播项目，分为直播系统，视频系统，商城系统，个人中心系统，聊天是系统等几大模块。本项目可以拆分成三大模块：前端页面，后台逻辑，服务器部署

前端功能与技术：

1.前端页面通过H5技术展示：HTML+DIV+CSS

2.利用js /jQuery +Ajax 实现页面的动态加载，图片轮播、公告滚播效果、公众号关注、直播页面切换，文字变色，个性化input 按钮、视频播放等功能。

3.通过WebSocket+js 定时器轮询实现在线人数实时更新功能和群聊发文字，发图片功能。

4.利用video标签实现视频播放，解决PC端直播流的播放问题

5.通过videoJS 插件实现手机端h5直播流的播放

6.通过webRTC+webSocket技术实现音视频采集以及模拟直播流播放功能

7.聊天面板控制功能和文字输入框高度人性化显示等功能

8. 图片压缩技术。

9 .js 缓存图片二进制数据流延时传输问题。

后端功能与技术：

功能：

1.点赞数统计、更新功能

2.评论区留言保存及查看功能

3.视频、图片上传功能

4.跨域问题处理等功能

5.房间号加载，滚播公告加载，房间简介加载功能。

。。。。。。。。。。。等等

服务器部署与配置

1. window Server2008 配置:

2. Nginx+Tomcat 集群配置:

3. Nginx 流媒体服务器搭建:

直播页面效果图

首页图：

聊天室视图：

好了，xx直播系统的大体框架和部分核心功能简介已经写好了，具体每个功能模块的实现请看下一节。