这是一个用Vue.js写的一个直播间Demo,主要实现了以下功能

• 拉取服务器上的直播流(移动端拉取hls流、电脑端拉取rtmp流)
• 基于websocket的直播聊天室
• 直播间弹幕
• 直播间的实时数据统计
• 演示地址(电脑端与移动端效果不同哦)
• 博客地址

• VUE全家桶
• UI层vonic
• axios
• 视频播放器: vue-video-player + videojs-contrib-hls
• websocket客户端: vue-stomp
• 弹幕插件: vue-barrage
• 打包工具:webpack

手机端

户外直播

lol

lol2

移动端弹幕

mbdamu

全局

弹幕效果

弹幕

户外直播

• quick

git clone https://github.com/jack-hoo/LiveRoomDemo_Client.git
cd LiveRoomDemo_Client
npm install -g yarn
yarn

• development

npm run dev

• build

npm run build