ucservice 1.0.0

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "ucservice",
+  "private": false,
+  "version": "1.0.0",
+  "description": "统一通信服务",
+  "main": "index.js",
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "lib": "vue-cli-service build --target lib --name ucservice ./index.js"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "babel-eslint": "^10.1.0",
+    "compression-webpack-plugin": "^5.0.2",
+    "css-loader": "^6.5.1",
+    "eslint": "^6.7.2",
+    "eslint-plugin-prettier": "^3.3.1",
+    "node-sass": "^6.0.1",
+    "nprogress": "^0.2.0",
+    "prettier": "^1.19.1",
+    "sass": "^1.32.8",
+    "sass-loader": "^10.1.0"
+  },
+  "keywords": [
+    "janus",
+    "comted"
+  ],
+  "author": "shusg",
+  "license": "MIT",
+  "dependencies": {
+    "jquery": "^3.6.0",
+    "webrtc-adapter": "^8.1.1"
+  }
+}

package/src/common-request.js

@@ -0,0 +1,147 @@
+let cometd = require('./lib/cometd.js');
+import { server, cometd_server } from '@/config';
+let Video = require('./scooper.video');
+let $ = require('jquery');
+/**
+ * 接口请求通用方法
+ * @param {*} url 
+ * @param {*} param 
+ * @param {*} backSuccfn 
+ * @param {*} async 
+ * @param {*} method 
+ */
+export const loadJson = function(url, param, backSuccfn, async, method, headers) {
+  method = (method? method:'POST');
+  async = (async == undefined? true:async);
+  let ajaxContent = {
+    'method': method,
+    'url': server + url,
+    'data': param,
+    'async' : async
+  }
+  if(headers) Object.assign(ajaxContent, headers);
+  $.ajax(ajaxContent).fail(function(jqXHR,sts){
+      console.error('加载数据失败：' + sts + ", " + url);
+  }).done(function(ret){
+      if (!ret || ret.code != 0) {
+          console.error('加载数据失败：' + JSON.stringify(ret) + ", " + url);
+      }
+      if (backSuccfn) backSuccfn(ret);
+  });
+}
+
+/**
+ * 
+ * @param {*} meetcallfunc  会议通知处理
+ * @param {*} callfunc   呼叫通知处理
+ * @param {*} videocallfunc 视频通知处理
+ * @param {*} connectcallfunc 通讯录通知处理
+ */
+export const initCometd = function(meetcallfunc, callfunc, videocallfunc, connectcallfunc){ //初始
+  let _cometd = new cometd.CometD("xjInfoReport");
+  _cometd.websocketEnabled = true;
+  let cometdUrl = server + cometd_server;
+  _cometd.init({
+      url: cometdUrl,
+      logLevel: "info"
+  });
+
+  _cometd.addListener("/meta/handshake", function(message) {
+      if (message.successful) {
+          console.log("handshake success.");
+      }
+  });
+
+  let _connected = false;
+  _cometd.addListener('/meta/connect', function(message) {
+      if (message.successful) {
+          if (!_connected) {
+            doSubscribe(_cometd, {meetcallfunc, callfunc, videocallfunc, connectcallfunc});
+          }
+          _connected = true;
+      } else {
+          _connected = false;
+          console.log("连接cometd后台失败");
+      }
+  });
+}
+
+function doSubscribe(_cometd, callback) {
+
+  /**
+   * 会场模块消息通知
+   */
+  if(callback.meetcallfunc){
+    _cometd.subscribe("/dispatch-web/notify/meet/#", null, function(message) {
+      callback.meetcallfunc(message);
+    });
+  }
+
+  /**
+   * 呼叫模块消息通知
+   */
+  if(callback.callfunc){
+    _cometd.subscribe("/dispatch-web/notify/call/#", null, function(message) {
+      callback.callfunc(message);
+    });
+  }
+
+  /**
+   * 视频通话状态消息通知(视频通话建立 和 中断)
+   */
+  if(callback.videocallfunc){
+    _cometd.subscribe("/server/#", null, function(message) {
+      callback.videocallfunc(message);
+    });
+  }
+
+  //'#'：多级通配，订阅所有的主题
+  if(callback.connectcallfunc){
+    _cometd.subscribe("/scooper_core/#", null, function(message) {
+      callback.connectcallfunc(message);
+    });
+  }
+}
+
+/**
+ * 初始化视频获取视频对象
+ * @param {*} token 
+ * @param {*} videoArea //展示视频的容器模块
+ * 使用该方法前提是videoArea等相关dom节点必须已加载完毕
+ */
+export const initVideo = function(token, videoArea){ //读取视频服务配置初始化视频
+  return new Promise((resolve, reject) =>{
+    let url = server + '/scooper-video/conf/data';
+    var param = {};
+    $.getJSON(url,param,function (conf) {
+      // 初始化视频播放方式
+      // initplaVideoType();
+      let janusUrl = conf['video.janus.url'];
+      var videoOpts = {
+          //初始化时的界面显示的分屏树
+          windows: 4,
+          //共有哪几种分屏
+          windowsArr: [1, 4, 9, 16],
+          //总的窗口数
+          windowsNum: 16,
+          conf: {
+              user: conf['video.username'],
+              passwd: conf['video.password'],
+              ip: conf['video.ip'],
+              port: conf['video.port'],
+              janusUrl: conf['video.janus.url'],
+              token: token
+          },
+          extra: false,
+          streamType: conf['video.stream'],
+          openChangeWindowStrategy: conf['video.openChangeWindowStrategy'] === 'true',
+          capImage: conf['video.cap.image'] === 'true',
+          videoCapImagePath: conf['video.cap.image.path'],
+          videoInfoInBottom: false
+      };
+      conf['video.poll.time'] && (videoOpts.pollInterval = conf['video.poll.time']);
+      let videoController = new Video($(videoArea), videoOpts);
+      resolve(videoController);
+    })
+  })
+}

package/src/config.js

@@ -0,0 +1,13 @@
+import '@/net_url/account_net_url';   //账号
+import '@/net_url/aduio_net_url';  //音频
+import '@/net_url/aduio_video_net_url'; //音频、视频公共接口
+import '@/net_url/dept_ry_url'; //部门成员
+import '@/net_url/dept_url'; //部门
+import '@/net_url/location_url';  //定位
+import '@/net_url/meet_url';  //会议
+import '@/net_url/message_url';  //短信
+import '@/net_url/record_url';  //录音录像
+import '@/net_url/video_net_url';  //视频
+
+export const server = 'http://10.249.4.152:8080';   //服务地址
+export const cometd_server = '/scooper-msg-queue/cometd'; //

package/src/css/scooper.video.css

@@ -0,0 +1,209 @@
+@charset "UTF-8";
+html, body{  
+	padding:0;  
+	margin:0;  
+	height:100%;  
+	width:100%;  
+	overflow: hidden;  
+}
+
+.video-main{
+	position: absolute;
+	top: 0px;
+	left: -25px;
+	right: -12px;
+	bottom: -18px;
+}
+.video-main-full{
+	position: absolute;
+	top: 1px;
+	left: 1px;
+	right: 1px;
+	bottom: 1px;
+	/*border:1px solid #999;*/
+}
+.video-main>li, .video-main-full>li{
+	border: 1px solid #aaa;
+	float: left;
+	position: relative;
+}
+.video-main>li.loading, .video-main-full>li.loading{
+	background: #000;
+}
+.video-main>li:hover, .video-main-full>li:hover{
+	border: 1px solid #ffb951;
+}
+.video-main>li.sel, .video-main-full>li.sel{
+	border: 1px solid #ef8601;
+}
+.video-main.mode-1>li, .video-main-full.mode-1>li{
+	width: 98.5%;
+    height: 98.5%;
+	list-style: none;
+}
+.video-main.mode-1>li .info, .video-main-full.mode-1>li .info{
+    font-size:20px;
+    bottom: 40px;
+}
+.video-main.mode-4>li{
+	width: 49%;
+    height: 49%;
+	list-style: none;
+}
+.video-main.mode-4>li .info{
+    font-size:18px;
+    bottom: 20px;
+}
+.video-main.mode-6>li{
+	width: 33.33%;
+    height: 33.33%;
+}
+.video-main.mode-6>li .info{
+    font-size:14px;
+    bottom: 13px;
+}
+.video-main.mode-6 .screen-1{
+	width: 66.66%;
+    height: 66.65%;
+}
+.video-main.mode-6 .screen-1 .info{
+	font-size:18px;
+	bottom: 30px;
+}
+.video-main.mode-9>li{
+	width: 32.5%;
+	height: 32.5%;
+	list-style: none;
+}
+.video-main.mode-9>li .info{
+	font-size:12px;
+	bottom: 14px;
+}
+.video-main.mode-16>li{
+	width: 24.5%;
+    height: 24.5%;
+	list-style: none;
+}
+.video-main.mode-16>li .info{
+	font-size:8px;
+	bottom: 10px;
+}
+.video-box{
+	object-fit: fill;
+	display:none;
+	width: 100%;
+    height: 100%;
+}
+.stream-loading{
+	width: 200px;	
+	height: 30px;
+    line-height: 30px;
+    position: absolute;
+	top: 50%;
+	left: 50%;
+	margin-top: -15px;	
+    margin-left: -100px;
+    color: #fff;
+	font-size: 16px;
+	padding-left: 30px;	
+    /* background: transparent url(../../js/lib/zTree/img/loading.gif) no-repeat 10px center; */
+}
+.info{
+    position: absolute;
+    float: left;
+    color: #fff;
+    left: 10px;
+    width: 67%;
+/*  bottom: 10px;
+    width: 320px;
+    height: 30px;
+    text-align: center; */
+    z-index:1;
+}
+
+.operate-btn{
+    position: absolute;
+    width: 24px;
+    height: 24x;
+    float: left;
+    right: 1px;
+    bottom: 2px;
+    z-index:1;
+    cursor: pointer;
+}
+
+.send-audio-btn {
+	position: absolute;
+	bottom: -8px;
+	right: 70px;
+	border: 0;
+	width: 48px;
+    height: 48px;
+    float: left;
+	/* background:url(../../image/video/audio/yy.png); */
+	background-size: 100% 100%;
+	background-color: rgba(0,0,0,0);
+}
+
+.unsend-audio-btn {
+	position: absolute;
+	bottom: -8px;
+	right: 70px;
+	border: 0;
+	width: 48px;
+    height: 48px;
+    float: left;
+	/* background-image: url(../../image/video/audio/yy_gb.png); */
+    background-size: 100% 100%;
+    background-color: rgba(0,0,0,0);
+}
+.recv-audio-btn {
+	position: absolute;
+	bottom: -8px;
+	right: 30px;
+	border: 0;
+	width: 48px;
+    height: 48px;
+    float: left;
+	/* background:url(../../image/video/audio/hm_shengyin_sel.png); */
+	background-size: 100% 100%;
+	background-color: rgba(0,0,0,0);
+}
+
+.unrecv-audio-btn {
+	position: absolute;
+	bottom: -8px;
+	right: 30px;
+	border: 0;
+	width: 48px;
+    height: 48px;
+    float: left;
+	/* background-image: url(../../image/video/audio/hm_jingyin_sel.png); */
+    background-size: 100% 100%;
+    background-color: rgba(0,0,0,0);
+}
+
+.close-btn {
+	position: absolute;
+	bottom: 5px;
+	right: 5px;
+	border: 0;
+	width: 20px;
+    height: 20px;
+    float: left;
+	/* background-image: url("../img/close.png"); */
+    background-size: 100% 100%;
+    background-color: rgba(0,0,0,0);
+}
+.operation {
+	position: absolute;
+	width: 100%;
+	height: 12%;
+	bottom: 0;
+	background: rgba(0,0,0,0.3);
+	color: #fff;
+}
+
+.hide {
+  	display: none;
+}