/LiveRoomDemo_Client

自己动手打造一个属于自己的直播间(视频直播、聊天室、弹幕、多端适配)

Primary LanguageJavaScript

LiveRoomDemo(客户端)

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

技术栈  

  • 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