kplayer-Management

kplayer管理平台

觉得下载慢可以去gitee

https://gitee.com/dong-jingyuan/kplayer-management

功能展示

首页
资源配置页
输出配置页（推流地址管理）
插件配置页

使用技术

springboot + vue + element-ui

参考文档

https://docs.kplayer.net/v0.5.8/api/plugin.html

本地如何部署

1.配置服务器文件

进入你服务器的kplayer文件夹下
编辑config.json文件
修改里面内容,将 rpc功能打开,或者你直接复制我那部分

    "play": {
    "start_point": 1,
    "play_model": "loop",
    "encode_model": "rtmp",
    "cache_on": false,
    "cache_uncheck": false,
    "skip_invalid_resource": true,
    "fill_strategy": "tile",
          "rpc": {
          "on": true,
          "http_port": 4156,
          "grpc_port": 4157,
          "address": "0.0.0.0"
          }
    },

服务器防火墙记得开放4156端口

2.后端配置

下载压缩文件 kplayerdemo.zip 解压至本地
打开代码运行工具，idea或其他
进入项目，修改maven为你的仓库
修改application.properties 文件
- myapp.server.url=http://你的服务器ip:4156
运行KplayerApplication
后端启动端口默认8080

3.前端配置

确认本地存在node环境推荐16.13.2版本
下载vue-admin压缩文件解压至本地
打开代码运行工具，hbulider,或vscode
进入项目

npm install 
npm run dev

浏览器进入http://localhost:9528/

服务器如何部署

1.配置服务器文件

进入你服务器的kplayer文件夹下
编辑config.json文件
修改里面内容,将 rpc功能打开,或者你直接复制我那部分

    "play": {
    "start_point": 1,
    "play_model": "loop",
    "encode_model": "rtmp",
    "cache_on": false,
    "cache_uncheck": false,
    "skip_invalid_resource": true,
    "fill_strategy": "tile",
          "rpc": {
          "on": true,
          "http_port": 4156,
          "grpc_port": 4157,
          "address": "0.0.0.0"
          }
    },

准备工作

服务器安装宝塔面板
安装Node.js版本管理器并下载v16.13.2版本
点击Node.js版本管理器右侧设置，勾选下载的版本
安装Tomcat 8.5.78
点击Tomcat 8.5.78右侧设置选择对应版本
为避免服务占用8080导致冲突，我们可以换个端口
- 开放 9528端口
- 开放 8677端口
上传文件将yuan-0.0.1-SNAPSHOT.jar文件上传至服务器/home下
上传文件将项目中的application.properties文件上传至/home下
application.properties配置如下

myapp.server.url=http://你的服务器ip:4156
spring.mvc.hiddenmethod.filter.enabled=true
server.port=8677

上传文件将项目中的vue-admin-template-master文件上传至服务器/www/wwwroot/kplayeradmin下，或者你随意放置，自己记住位置就行

文件配置

进入你服务器vue-admin-template-master文件下，编辑vue.config.js文件
修改以下内容

 proxy: {
          '/dev-api': {
            target: 'http://localhost:8677',
            changeOrigin: true,
            pathRewrite: {
              '^/dev-api': ''
            }
          }
        },

进入你服务器vue-admin-template-master文件下,编辑项目src下的main.js文件
修改以下内容

Vue.prototype.$apiDev = 'http://服务器ip地址:8677'

打开终端，进入你服务器vue-admin-template-master文件下
执行以下命令,

npm install

运行后端服务

打开终端，进入yuan-0.0.1-SNAPSHOT.jar包存在路径，也就是/home下
执行以下命令进行测试后端服务

java -jar yuan-0.0.1-SNAPSHOT.jar

执行完毕进行测试
打开你浏览器，输入http://服务器ip:8677/resource/list-all
看到出内容就代表后端启动成功
成功之后可以运行到后台
打开终端，进入yuan-0.0.1-SNAPSHOT.jar包存在路径，也就是/home下
执行以下命令进行后端后台运行

nohup java -jar yuan-0.0.1-SNAPSHOT.jar &

没成功请发送消息到issues

运行前端服务

打开宝塔左侧网站管理
点击Node项目,选择添加Node项目
- 项目目录选择你上传的vue-admin存放的路径
- 项目名称随意
- 启动项自己配置输入npm run dev
- 运行端口选择 9528
- 运行用户自己选择
- node版本选择 v16.13.2
- 备注随意
- 绑定域名，添加你的域名或者直接输入ip
- 点击提交
点击右侧设置，点击左侧项目日志
等待一会刷新一下
如果没有执行成功显示如下
还是进入vue-admin-template-master文件夹下，那么你可以尝试以下命令

npm install core-js@3 --save

再次重启项目将显示正常运行

App running at:
  - Local:   http://localhost:9528/ 
  - Network: http://10.0.4.6:9528/

  Note that the development build is not optimized.
  To create a production build, run yarn build.

最后打开http://ip地址/#/dashboard 即可进入管理页面

Goo0oogle/kplayer-Management

kplayer-Management

kplayer管理平台

觉得下载慢可以去gitee

功能展示

使用技术

参考文档

本地如何部署

1.配置服务器文件

2.后端配置

3.前端配置

服务器如何部署

1.配置服务器文件

准备工作

文件配置

运行后端服务

运行前端服务