对于直播中的用户交互大致可以分为：
- 送礼物
- 发表评论或者弹幕
- 对于送礼物，在 H5 端可以利用 DOM 和 CSS3 实现送礼物逻辑和一些特殊的礼物动画，实现技术难点不大。
对于弹幕来说，要稍微复杂一些，可能需要关注以下几点：
- 弹幕实时性，可以利用 webscoket 来实时发送和接收新的弹幕并渲染出来。
- 对于不支持 webscoket 的浏览器来说，只能降级为长轮询或者前端定时器发送请求来获取实时弹幕。
- 弹幕渲染时的动画和碰撞检测(即弹幕不重叠)等等
Html5直播聊天室组件
该组件主要适用于基于Html5的web 大群互动直播场景。具备如下特点: 1）支持匿名身份入群，粉丝与主播进行亲密互动 2）支持多人聊天，主播同一个帐号多标签页收发消息，粉丝再多也不用愁 3）支持多种聊天方式，文本，表情，红包，点赞，想怎么互动就怎么互动 4）支持不同优先级消息的频率控制，一键在手，权利尽在掌握中 5）对互动直播场景进行了专门的优化，参与人数多，消息量再大也能从容应对
前端技术点
- 秒开
- 时延
- 流畅
- 清晰度
图玩智能科技为企业提供专业的直播技术支持，提供直播平台的二次开发服务，搭建更完善更稳定的直播系统，欢迎咨询www.toivan.com
来源：oschina
链接：https://my.oschina.net/u/4203900/blog/4286870