这是本人在星启信息技术服务有限公司开发的第一个项目---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直播系统的大体框架和部分核心功能简介已经写好了,具体每个功能模块的实现请看下一节。
网友评论