# LiveRoomDemo(客户端)
> 这是一个用Vue.js写的一个直播间Demo,主要实现了以下功能
* 拉取服务器上的直播流(移动端拉取hls流、电脑端拉取rtmp流)
* 基于websocket的直播聊天室
* 直播间弹幕
* 直播间的实时数据统计
* [演示地址(电脑端与移动端效果不同哦)](http://139.199.82.213:8080/LiveDemo/live_room)
* [博客地址](https://segmentfault.com/a/1190000009892006)
## 技术栈
- VUE全家桶
- UI层vonic
- axios
- 视频播放器: vue-video-player + videojs-contrib-hls
- websocket客户端: vue-stomp
- 弹幕插件: vue-barrage
- 打包工具:webpack
## 运行截图
### 手机端




>移动端弹幕

### 电脑端

> 弹幕效果


## 安装运行(需要配合[服务端](https://github.com/jack-hoo/LiveRoomDemo_Server))
- quick
``` bash
git clone https://github.com/jack-hoo/LiveRoomDemo_Client.git
cd LiveRoomDemo_Client
npm install -g yarn
yarn
```
- development
```bash
npm run dev
```
- build
```bash
npm run build
```
没有合适的资源?快使用搜索试试~ 我知道了~
一个用Vuejs写的一个直播间Demo视频直播聊天室弹幕多端适配

身份认证 购VIP最低享 7 折!

一个用Vue.js写的一个直播间Demo(视频直播、聊天室、弹幕、多端适配)
资源推荐
资源详情
资源评论










收起资源包目录








































































共 57 条
- 1
- 2
- 3
- 4
- 5
- 6
- 12
资源评论

- ahuei119962020-03-24npm install 失败。链接都老了。现在用不了
- Callmemaster2020-02-27一点都不好,很老的页面设计及交互方式。浪费了钱。
weixin_39840588
- 粉丝: 441
- 资源: 1万+

上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
已下载
下载帮助

内容简介:一个用Vuejs写的一个直播间Demo视频直播聊天室弹幕多端适配.zip LiveRoomDemo_Client-master LiveRoomDemo_Client-master index.html index.tpl.html yarn.lock src .babelrc .idea config build README.md yarn-error.log .npmrc .editorconfig .gitignore package-lock.json package.json static
相关资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制
