这是一个用Vue.js写的一个直播间Demo,主要实现了以下功能
- 拉取服务器上的直播流(移动端拉取hls流、电脑端拉取rtmp流)
- 基于websocket的直播聊天室
- 直播间弹幕
- 直播间的实时数据统计
- 演示地址(电脑端与移动端效果不同哦)
- 博客地址
- VUE全家桶
- UI层vonic
- axios
- 视频播放器: vue-video-player + videojs-contrib-hls
- websocket客户端: vue-stomp
- 弹幕插件: vue-barrage
- 打包工具:webpack
移动端弹幕
弹幕效果
安装运行(需要配合服务端)
- 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