first commit
This commit is contained in:
parent
fb488762f5
commit
22d46fe2c4
|
|
@ -13,7 +13,6 @@
|
|||
/scripts
|
||||
/src/package/dante2/
|
||||
/src/package/dante3/
|
||||
/public
|
||||
# misc
|
||||
.DS_Store
|
||||
.env.local
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 123 KiB |
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<meta name="description" content="Web site created using create-react-app" />
|
||||
<title>黄甲</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<div id="root"></div>
|
||||
<script>
|
||||
window._AMapSecurityConfig = {
|
||||
securityJsCode: "9910764bc7736f77868ef6df416ec77e",
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"short_name": "React App",
|
||||
"name": "Create React App Sample",
|
||||
"start_url": ".",
|
||||
"display": "standalone",
|
||||
"theme_color": "#000000",
|
||||
"background_color": "#ffffff"
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
# https://www.robotstxt.org/robotstxt.html
|
||||
User-agent: *
|
||||
Disallow:
|
||||
|
|
@ -19,7 +19,6 @@ const BTable = (props: any) => {
|
|||
selectCallback,
|
||||
scroll,
|
||||
editCallback,
|
||||
deleteCallback,
|
||||
actionCloumn,
|
||||
onSizeChange,
|
||||
onPageChange,
|
||||
|
|
@ -59,7 +58,7 @@ const BTable = (props: any) => {
|
|||
});
|
||||
}
|
||||
};
|
||||
const cancel: PopconfirmProps["onCancel"] = (e) => {};
|
||||
const cancel: PopconfirmProps["onCancel"] = (e) => { };
|
||||
|
||||
const actionDefultColumn = {
|
||||
title: "操作",
|
||||
|
|
@ -83,7 +82,7 @@ const BTable = (props: any) => {
|
|||
title="删除确认"
|
||||
description="您是否需要删除该数据?"
|
||||
onConfirm={() => {
|
||||
deleteCallback(record.identity);
|
||||
store.deleteItem(record.identity);
|
||||
}}
|
||||
onCancel={cancel}
|
||||
okText="Yes"
|
||||
|
|
|
|||
|
|
@ -17,10 +17,11 @@ export const items = [
|
|||
key: "/permi",
|
||||
label: `权限管理`,
|
||||
children: [
|
||||
{ label: `企业管理`, key: "/permi/company" },
|
||||
{ label: `部门管理`, key: "/permi/dep" },
|
||||
{ label: `权限管理`, key: "/permi/permi" },
|
||||
{ label: `角色管理`, key: "/permi/role" },
|
||||
{ label: `菜单管理`, key: "/permi/menu" },
|
||||
{ label: `部门管理`, key: "/permi/dep" }
|
||||
],
|
||||
},
|
||||
// {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,8 @@
|
|||
.contentBox{
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
.tableName{
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
import { FormType } from "@/components/form/interface";
|
||||
import { UserDataType } from "@/model/userModel";
|
||||
import { CompanyConfig } from "@/service/user_config";
|
||||
import { ColumnsType } from "antd/lib/table";
|
||||
export const defaultConfig = [
|
||||
{
|
||||
type: FormType.input,
|
||||
label: "名称",
|
||||
name: "name",
|
||||
value: "",
|
||||
rules: [{ required: true, message: "请输入企业名称!" }],
|
||||
},
|
||||
{
|
||||
type: FormType.input,
|
||||
label: "描述",
|
||||
name: "desc",
|
||||
value: "",
|
||||
rules: [{ required: true, message: "请输入企业描述" }],
|
||||
},
|
||||
{
|
||||
type: FormType.input,
|
||||
label: "负责人",
|
||||
name: "head",
|
||||
value: "",
|
||||
rules: [{ required: true, message: "请输入负责人" }],
|
||||
},
|
||||
{
|
||||
type: FormType.input,
|
||||
label: "电话",
|
||||
name: "phone",
|
||||
value: "",
|
||||
rules: [{ required: true, message: "请输入企业电话" }],
|
||||
},
|
||||
|
||||
{
|
||||
type: FormType.input,
|
||||
label: "邮箱",
|
||||
name: "email",
|
||||
value: "",
|
||||
rules: [{ required: true, message: "请输入邮箱" }],
|
||||
},
|
||||
{
|
||||
type: FormType.select,
|
||||
label: "上级企业",
|
||||
name: "p_id",
|
||||
value: 0,
|
||||
selectUrl: CompanyConfig.LIST,
|
||||
key: "name",
|
||||
rules: [],
|
||||
},
|
||||
];
|
||||
|
||||
export const columns: ColumnsType<UserDataType> = [
|
||||
{
|
||||
title: "企业名称",
|
||||
dataIndex: "name",
|
||||
width: 200,
|
||||
fixed: "left",
|
||||
},
|
||||
{
|
||||
title: "企业描述",
|
||||
dataIndex: "desc",
|
||||
},
|
||||
|
||||
{
|
||||
title: "负责人",
|
||||
dataIndex: "head",
|
||||
},
|
||||
{
|
||||
title: "企业电话",
|
||||
width: 150,
|
||||
dataIndex: "phone",
|
||||
},
|
||||
{
|
||||
title: "企业邮箱",
|
||||
width: 150,
|
||||
dataIndex: "email",
|
||||
},
|
||||
{
|
||||
title: "上级企业名称",
|
||||
width: 150,
|
||||
dataIndex: "email",
|
||||
},
|
||||
];
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
import { inject, observer } from "mobx-react";
|
||||
import BTable from "@/components/b_table";
|
||||
import { useEffect } from "react";
|
||||
import { Store } from "antd/lib/form/interface";
|
||||
import { columns, defaultConfig } from "./company_config";
|
||||
import "./company.less";
|
||||
|
||||
const Company = (props: Store) => {
|
||||
const { companyStore } = props;
|
||||
|
||||
useEffect(() => {
|
||||
companyStore.getlist();
|
||||
}, [companyStore]);
|
||||
|
||||
return (
|
||||
<div className="contentBox">
|
||||
<BTable
|
||||
store={companyStore}
|
||||
scroll={{ x: "max-content" }}
|
||||
columns={columns}
|
||||
config={defaultConfig}
|
||||
dataSource={companyStore.list}
|
||||
btnText="添加企业"
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default inject("companyStore")(observer(Company));
|
||||
|
|
@ -8,6 +8,7 @@ import Menu from "@/pages/menu";
|
|||
import Role from "@/pages/role";
|
||||
import Permission from "@/pages/permission";
|
||||
import Dep from "@/pages/dep";
|
||||
import Company from "@/pages/company";
|
||||
|
||||
const routers = createHashRouter([
|
||||
{
|
||||
|
|
@ -48,6 +49,11 @@ const routers = createHashRouter([
|
|||
index: true,
|
||||
element: <Role />,
|
||||
},
|
||||
{
|
||||
path: "/permi/company",
|
||||
index: true,
|
||||
element: <Company />,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
|
|
|
|||
|
|
@ -28,5 +28,12 @@ class DepConfig {
|
|||
static DELETE: string = "/dep";
|
||||
}
|
||||
|
||||
class CompanyConfig {
|
||||
static ADD: string = "/company";
|
||||
static EDIT: string = "/company";
|
||||
static LIST: string = "/company/list";
|
||||
static DELETE: string = "/company";
|
||||
}
|
||||
|
||||
export { RoleConfig, UserConfig, MenuConfig, DepConfig };
|
||||
|
||||
export { RoleConfig, UserConfig, MenuConfig, DepConfig, CompanyConfig };
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
import { makeObservable } from "mobx";
|
||||
import BaseStore from "./baseStore";
|
||||
import { UserDataType } from "@/model/userModel";
|
||||
import { CompanyConfig } from "@/service/user_config";
|
||||
|
||||
class CompanyStore extends BaseStore<UserDataType> {
|
||||
constructor() {
|
||||
super(CompanyConfig)
|
||||
makeObservable(this, {})
|
||||
}
|
||||
}
|
||||
const companyStore = new CompanyStore();
|
||||
export default companyStore;
|
||||
|
|
@ -3,13 +3,15 @@ import sourceStore from '@/store/source';
|
|||
import roleStore from './role';
|
||||
import menuStore from './menu';
|
||||
import depStore from './dep';
|
||||
import companyStore from './company';
|
||||
|
||||
const store = {
|
||||
usrStore,
|
||||
sourceStore,
|
||||
roleStore,
|
||||
menuStore,
|
||||
depStore
|
||||
depStore,
|
||||
companyStore
|
||||
};
|
||||
|
||||
export default store;
|
||||
|
|
@ -1,228 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<!--
|
||||
SPDX-FileCopyrightText: 2023 The Pion community <https://pion.ly>
|
||||
SPDX-License-Identifier: MIT
|
||||
-->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h3> Local Video </h3>
|
||||
<video id="localVideo" width="160" height="120" autoplay muted></video>
|
||||
<br />
|
||||
|
||||
<h3> Remote Video </h3>
|
||||
<div id="remoteVideos"></div>
|
||||
<br />
|
||||
|
||||
<h3> Logs </h3>
|
||||
<div id="logs"></div>
|
||||
<button onclick="call()">呼叫</button>
|
||||
|
||||
</body>
|
||||
|
||||
<script>
|
||||
let ws, pc, configuration,
|
||||
url =
|
||||
'https://rw.quwanya.cn/v1/public/webRtcConfig?service=turn&username=flutter-webrtc',
|
||||
formId = "admin",
|
||||
toId = "01J9T8MP541EJ54KY4505C0S4Y";
|
||||
fetch(url)
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
let res = data.data.credential;
|
||||
configuration = {
|
||||
iceServers: [
|
||||
{
|
||||
urls: res.uris[0],
|
||||
"username": res.username,
|
||||
"credential": res.password
|
||||
},
|
||||
]
|
||||
}
|
||||
})
|
||||
const call = () => {
|
||||
navigator.mediaDevices.getUserMedia({ video: true, audio: true })
|
||||
.then(stream => {
|
||||
pc = new RTCPeerConnection(configuration)
|
||||
pc.ontrack = function (event) {
|
||||
console.log(event)
|
||||
if (event.track.kind === 'audio') {
|
||||
return
|
||||
}
|
||||
let el = document.createElement(event.track.kind)
|
||||
el.srcObject = event.streams[0]
|
||||
el.autoplay = true
|
||||
el.controls = true
|
||||
document.getElementById('remoteVideos').appendChild(el)
|
||||
event.track.onmute = function (event) {
|
||||
el.play()
|
||||
}
|
||||
event.streams[0].onremovetrack = ({ track }) => {
|
||||
if (el.parentNode) {
|
||||
el.parentNode.removeChild(el)
|
||||
}
|
||||
}
|
||||
}
|
||||
document.getElementById('localVideo').srcObject = stream
|
||||
stream.getTracks().forEach(track => pc.addTrack(track, stream))
|
||||
pc.onicecandidate = e => {
|
||||
if (!e.candidate) {
|
||||
return
|
||||
}
|
||||
ws.send(JSON.stringify({
|
||||
type: "candidate", data: {
|
||||
"to": toId,
|
||||
"from": formId,
|
||||
"description": e.candidate,
|
||||
"media": "video",
|
||||
"session_id": toId + "-" + formId,
|
||||
}
|
||||
}))
|
||||
}
|
||||
this.send({
|
||||
type: "call",
|
||||
"data": {
|
||||
"to": toId,
|
||||
"from": formId,
|
||||
"description": "call",
|
||||
"media": "video",
|
||||
"session_id": toId + "-" + formId,
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
send = (data) => {
|
||||
ws.send(JSON.stringify(data))
|
||||
}
|
||||
|
||||
// wss://rw.quwanya.cn/ws
|
||||
initSocket = () => {
|
||||
ws = new WebSocket("wss://rw.quwanya.cn/wsadmin?id=" + formId)
|
||||
ws.addEventListener('open', function (event) {
|
||||
ws.send(JSON.stringify({
|
||||
type: "peerRoot", "data": {
|
||||
"name": "AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 )",
|
||||
"id": formId,
|
||||
"user_agent": "flutter-webrtc/js"
|
||||
}
|
||||
}))
|
||||
});
|
||||
ws.onclose = function (evt) {
|
||||
console.log(evt);
|
||||
}
|
||||
ws.onmessage = function (evt) {
|
||||
let msg = JSON.parse(evt.data)
|
||||
if (!msg) {
|
||||
return console.log('failed to parse msg')
|
||||
}
|
||||
switch (msg.type) {
|
||||
case 'offer':
|
||||
let offer = msg.content.body.description
|
||||
pc.setRemoteDescription(offer)
|
||||
pc.createAnswer().then(answer => {
|
||||
pc.setLocalDescription(answer)
|
||||
ws.send(JSON.stringify({
|
||||
type: 'answer', data: {
|
||||
'to': msg.content.body.from,
|
||||
'from': formId,
|
||||
'description': { 'sdp': answer.sdp, 'type': answer.type },
|
||||
'session_id': msg.content.body.from + "-" + toId,
|
||||
}
|
||||
}))
|
||||
})
|
||||
return
|
||||
case 'candidate':
|
||||
let candidate = msg.content.body.description
|
||||
console.log("candidate1111", msg.content)
|
||||
if (!candidate) {
|
||||
return console.log('failed to parse candidate')
|
||||
}
|
||||
pc.addIceCandidate(candidate)
|
||||
return
|
||||
case "read":
|
||||
pc?.createOffer().then(function (offer) {
|
||||
pc?.setLocalDescription(offer);
|
||||
ws.send(JSON.stringify({
|
||||
type: "offer", "data": {
|
||||
"to": toId,//"31283192",
|
||||
"from": formId,
|
||||
"description": offer,
|
||||
"media": "video",
|
||||
"session_id": formId + "-" + toId,
|
||||
}
|
||||
}),)
|
||||
}).catch(function (error) {
|
||||
// 错误处理
|
||||
console.error(error);
|
||||
});
|
||||
return
|
||||
case "call": // 接收到call 初始化 然后发送消息 read
|
||||
navigator.mediaDevices.getUserMedia({ video: true, audio: true })
|
||||
.then(stream => {
|
||||
pc = new RTCPeerConnection(configuration)
|
||||
pc.ontrack = function (event) {
|
||||
if (event.track.kind === 'audio') {
|
||||
return
|
||||
}
|
||||
let el = document.createElement(event.track.kind)
|
||||
el.srcObject = event.streams[0]
|
||||
el.autoplay = true
|
||||
el.controls = true
|
||||
document.getElementById('remoteVideos').appendChild(el)
|
||||
event.track.onmute = function (event) {
|
||||
el.play()
|
||||
}
|
||||
event.streams[0].onremovetrack = ({ track }) => {
|
||||
if (el.parentNode) {
|
||||
el.parentNode.removeChild(el)
|
||||
}
|
||||
}
|
||||
}
|
||||
document.getElementById('localVideo').srcObject = stream
|
||||
stream.getTracks().forEach(track => pc.addTrack(track, stream))
|
||||
pc.onicecandidate = e => {
|
||||
if (!e.candidate) {
|
||||
return
|
||||
}
|
||||
ws.send(JSON.stringify({
|
||||
type: 'candidate',
|
||||
data: {
|
||||
"to": toId,
|
||||
"from": formId,
|
||||
"description": e,
|
||||
"media": "video",
|
||||
"session_id": toId + "-" + formId,
|
||||
}
|
||||
}))
|
||||
}
|
||||
ws.send(JSON.stringify({
|
||||
type: "read", "data": {
|
||||
"to": toId,
|
||||
"from": formId,
|
||||
"description": "read",
|
||||
"media": "video",
|
||||
"session_id": toId + "-" + formId,
|
||||
}
|
||||
}))
|
||||
|
||||
})
|
||||
return
|
||||
case "answer":
|
||||
pc?.setRemoteDescription(msg.content.body.description)
|
||||
}
|
||||
}
|
||||
|
||||
ws.onerror = function (evt) {
|
||||
console.log("ERROR: " + evt.data)
|
||||
}
|
||||
}
|
||||
initSocket()
|
||||
|
||||
</script>
|
||||
|
||||
</html>
|
||||
157
src/ttttt.html
157
src/ttttt.html
|
|
@ -1,157 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<!--
|
||||
SPDX-FileCopyrightText: 2023 The Pion community <https://pion.ly>
|
||||
SPDX-License-Identifier: MIT
|
||||
-->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h3> Local Video </h3>
|
||||
<video id="localVideo" width="160" height="120" autoplay muted></video>
|
||||
<br />
|
||||
|
||||
<h3> Remote Video </h3>
|
||||
<div id="remoteVideos"></div>
|
||||
<br />
|
||||
|
||||
<h3> Logs </h3>
|
||||
<div id="logs"></div>
|
||||
<button onclick="call()">呼叫</button>
|
||||
|
||||
</body>
|
||||
|
||||
<script>
|
||||
let ws;
|
||||
let pc;
|
||||
let configuration;
|
||||
var url =
|
||||
'http://127.0.0.1:12214/v1/public/webRtcConfig?service=turn&username=flutter-webrtc';
|
||||
fetch(url)
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
let res = data.data.credential;
|
||||
configuration = {
|
||||
iceServers: [
|
||||
{
|
||||
urls: res.uris[0],
|
||||
"username": res.username,
|
||||
"credential": res.password
|
||||
},
|
||||
]
|
||||
}
|
||||
})
|
||||
const call = () => {
|
||||
console.log(ws);
|
||||
navigator.mediaDevices.getUserMedia({ video: true, audio: true })
|
||||
.then(stream => {
|
||||
pc = new RTCPeerConnection(configuration)
|
||||
pc.ontrack = function (event) {
|
||||
if (event.track.kind === 'audio') {
|
||||
return
|
||||
}
|
||||
let el = document.createElement(event.track.kind)
|
||||
el.srcObject = event.streams[0]
|
||||
el.autoplay = true
|
||||
el.controls = true
|
||||
document.getElementById('remoteVideos').appendChild(el)
|
||||
event.track.onmute = function (event) {
|
||||
el.play()
|
||||
}
|
||||
event.streams[0].onremovetrack = ({ track }) => {
|
||||
if (el.parentNode) {
|
||||
el.parentNode.removeChild(el)
|
||||
}
|
||||
}
|
||||
}
|
||||
document.getElementById('localVideo').srcObject = stream
|
||||
stream.getTracks().forEach(track => pc.addTrack(track, stream))
|
||||
pc.onicecandidate = e => {
|
||||
if (!e.candidate) {
|
||||
return
|
||||
}
|
||||
ws.send(JSON.stringify({ type: 'candidate', data: e }))
|
||||
}
|
||||
pc?.createOffer().then(function (offer) {
|
||||
pc?.setLocalDescription(offer);
|
||||
ws.send(JSON.stringify({
|
||||
type: "offer", "data": {
|
||||
"to": "31283191",
|
||||
"from": "31283192",
|
||||
"description": offer,
|
||||
"media": "video",
|
||||
"session_id": "31283191-31283192",
|
||||
}
|
||||
}))
|
||||
// socketService.send({ type: 'offer', data: offer })
|
||||
}).catch(function (error) {
|
||||
// 错误处理
|
||||
console.error(error);
|
||||
});
|
||||
}).catch((e) => {
|
||||
console.log(e);
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
// wss://rw.quwanya.cn/ws
|
||||
initSocket = () => {
|
||||
ws = new WebSocket("ws://127.0.0.1:12214/wsadmin?id=31283191")
|
||||
ws.addEventListener('open', function (event) {
|
||||
ws.send(JSON.stringify({
|
||||
type: "peerRoot", "data": {
|
||||
"name": "AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 )",
|
||||
"id": "31283191",
|
||||
"user_agent": "flutter-webrtc/js"
|
||||
}
|
||||
}))
|
||||
});
|
||||
ws.onclose = function (evt) {
|
||||
console.log(evt);
|
||||
// window.alert("Websocket has closed")
|
||||
}
|
||||
ws.onmessage = function (evt) {
|
||||
let msg = JSON.parse(evt.data)
|
||||
if (!msg) {
|
||||
return console.log('failed to parse msg')
|
||||
}
|
||||
console.log(msg.type);
|
||||
switch (msg.type) {
|
||||
case 'offer':
|
||||
let offer = msg.data.description
|
||||
pc.setRemoteDescription(offer)
|
||||
pc.createAnswer().then(answer => {
|
||||
pc.setLocalDescription(answer)
|
||||
ws.send(JSON.stringify({
|
||||
type: 'answer', data: {
|
||||
'to': msg.data.from,
|
||||
'from': "31283192",
|
||||
'description': { 'sdp': answer.sdp, 'type': answer.type },
|
||||
'session_id': msg.data.from + "-31283192",
|
||||
}
|
||||
}))
|
||||
})
|
||||
return
|
||||
|
||||
case 'candidate':
|
||||
let candidate = msg.data.candidate
|
||||
if (!candidate) {
|
||||
return console.log('failed to parse candidate')
|
||||
}
|
||||
pc.addIceCandidate(candidate)
|
||||
case "answer":
|
||||
pc?.setRemoteDescription(msg.data.description)
|
||||
}
|
||||
}
|
||||
|
||||
ws.onerror = function (evt) {
|
||||
console.log("ERROR: " + evt.data)
|
||||
}
|
||||
}
|
||||
initSocket()
|
||||
</script>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue