LiveRoomDemo_Client-master
所属分类：FlashMX/Flex源码
开发工具：Flex
文件大小：8981KB
下载次数：1
上传日期：2018-04-08 21:35:34
上 传 者：
wwwin
说明： 在线聊天室 客户端，基于Flex，可以部署在FMS服务器上
(The online chat room based on Flex can be deployed in FMS, which is the client side.)
文件列表:
.babelrc (200, 2017-06-26)
.editorconfig (147, 2017-06-26)
.idea (0, 2017-06-26)
.idea\.name (9, 2017-06-26)
.idea\live-demo.iml (458, 2017-06-26)
.idea\misc.xml (525, 2017-06-26)
.idea\modules.xml (270, 2017-06-26)
.idea\vcs.xml (180, 2017-06-26)
.idea\watcherTasks.xml (139, 2017-06-26)
.idea\workspace.xml (43950, 2017-06-26)
.npmrc (145, 2017-06-26)
build (0, 2017-06-26)
build\build.js (1285, 2017-06-26)
build\check-versions.js (1172, 2017-06-26)
build\dev-client.js (245, 2017-06-26)
build\dev-server.js (2477, 2017-06-26)
build\utils.js (1992, 2017-06-26)
build\vue-loader.conf.js (398, 2017-06-26)
build\webpack.base.conf.js (1690, 2017-06-26)
build\webpack.dev.conf.js (1225, 2017-06-26)
build\webpack.prod.conf.js (3292, 2017-06-26)
config (0, 2017-06-26)
config\dev.env.js (139, 2017-06-26)
config\index.js (1437, 2017-06-26)
config\prod.env.js (48, 2017-06-26)
index.html (480, 2017-06-26)
index.tpl.html (764, 2017-06-26)
package-lock.json (194533, 2017-06-26)
package.json (1709, 2017-06-26)
src (0, 2017-06-26)
src\api (0, 2017-06-26)
src\api\api.js (467, 2017-06-26)
src\api\index.js (99, 2017-06-26)
src\components (0, 2017-06-26)
src\components\About.vue (6113, 2017-06-26)
src\components\Index.vue (6014, 2017-06-26)
src\components\chatroom.vue (3636, 2017-06-26)
... ...
# LiveRoomDemo(客户端)
> 这是一个用Vue.js写的一个直播间Demo,主要实现了以下功能
* 拉取服务器上的直播流(移动端拉取hls流、电脑端拉取rtmp流)
* 基于websocket的直播聊天室
* 直播间弹幕
* 直播间的实时数据统计
* [演示地址(电脑端与移动端效果不同哦)](http://139.199.82.213:8080/LiveDemo/live_room)
* [博客地址](https://segmentfault.com/a/119000000***92006)
## 技术栈
- 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
```
近期下载者：
相关文件：
收藏者：