实时语音转义代码提交

WebUI/CallCenterWeb.UI/Script/Common/huayi.config.js

@@ -6,6 +6,7 @@ huayi.config = {
 //	callcenter_url: "http://docking.zwfw.anyang.gov.cn:9998/",//生产环境
 	//videoSocket_ip: "docking.zwfw.anyang.gov.cn", //docking.zwfw.anyang.gov.cn
 	//videoSocket_port: "8082", //端口
+	translation_socket:"ws://222.143.106.46:12233",
     socket_ip: "192.168.8.7", //ip
     socket_port: "8081", //端口
     menuworktime: 30000, //菜单工单数量刷新间隔

WebUI/CallCenterWeb.UI/TelCall/uplinkSMSList.html

@@ -112,9 +112,9 @@
 				}
 			})
 			function dispose(val,row){
-
+				
         		if (!row.F_Name) {
-	               return '<a class="xg" onclick="addWorkOrder(\''+val+'\',\''+row.CallerNum+'\',\''+row.Content+'\')" title="添加工单">添加工单</a>';
+	               return '<a class="xg" onclick="addWorkOrder(\''+val+'\',\''+row.CallerNum+'\',\''+encodeURI(row.Content)+'\')" title="添加工单">添加工单</a>';
 	            } else {
 	                return '<a class="xg" onclick="ckxq(\'' + row.F_Name + '\')" title="点击查看工单详情">' + row.F_Name + '</a>';
 	            }
@@ -132,7 +132,7 @@
 	        	if (str) {
 	            	layer.open({
 	                    type: 2,
-	                    content: "../Appeal/AddAppeal.html?SMSID=" + str+"&callerNum="+callerNum+"&incomingContect="+encodeURI(content) , //iframe的url，no代表不显示滚动条
+	                    content: "../Appeal/AddAppeal.html?SMSID=" + str+"&callerNum="+callerNum+"&incomingContect="+content , //iframe的url，no代表不显示滚动条
 	                    title: '工单详情',
 	                    area: ['100%', '100%'], //宽高
 	                });

WebUI/CallCenterWeb.UI/home.html

@@ -1229,42 +1229,26 @@
 				</li>
 			</ul>
 		</div>
-		<div id="clickElementVoice" style="display: none;">展开</div>
+		<div id="clickElementVoice">展开</div>
 		<div class="voiceToText" style="display: none;">
 			<div class="voiceToTextTitle">坐席辅助</div>
 			<div class="voiceToTextContext" id="scrollVoice">
-				<div class="clientChat">
+				<!--<div class="clientChat">
 					<img src="img/youkeTx.png">
 					<div class="clientChatText">你好</div>
 				</div>
 				<div class="serviceChat">
 					<img src="img/kefuTx.png">
-					<div class="serviceChatText">你好，有什么要咨询的吗</div>
+					<div class="serviceChatText">你好，有什么要咨询的吗你好</div>
 				</div>
 				<div class="clientChat">
 					<img src="img/youkeTx.png">
-					<div class="clientChatText">你好</div>
-				</div>
-				<div class="serviceChat">
-					<img src="img/kefuTx.png">
-					<div class="serviceChatText">你好，有什么要咨询的吗</div>
-				</div>
-				<div class="clientChat">
-					<img src="img/youkeTx.png">
-					<div class="clientChatText">你好</div>
+					<div class="clientChatText">你好，有什么要咨询的吗你好，有什么要咨询的吗你好，有什么要咨询的吗你好，有什么要咨询的吗你好，有什么要咨询的吗</div>
 				</div>
 				<div class="serviceChat">
 					<img src="img/kefuTx.png">
-					<div class="serviceChatText">你好，有什么要咨询的吗</div>
-				</div>
-				<div class="clientChat">
-					<img src="img/youkeTx.png">
-					<div class="clientChatText">你好</div>
-				</div>
-				<div class="serviceChat">
-					<img src="img/kefuTx.png">
-					<div class="serviceChatText">你好，有什么要咨询的吗</div>
-				</div>
+					<div class="serviceChatText">你好，有什么要咨询的吗你好，有什么要咨询的吗你好，有什么要咨询的吗你好，有什么要咨询的吗你好，有什么要咨询的吗</div>
+				</div>-->
 			</div>
 		</div>
 		<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
@@ -1289,7 +1273,7 @@
 		<script src="./js/ztreeSelect.js"></script>
 		<script src="js/voiceToText.js"></script>
 		
-		<!--<script  src="./js/voiceToTextSocket/socket.js"></script>-->
+		<script  src="./js/voiceToTextSocket/socket.js"></script>
 		<script>
 			var logpas = localStorage.getItem('loginPassword')
 			var userphone = $.cookie('userMobile')

WebUI/CallCenterWeb.UI/js/index.js

@@ -58,24 +58,15 @@ $(document).ready(function() {
 		$(".maxOpen").show();
 		$(".maxOpen").addClass("fadeInDown");
 	});
-	layer.open({
-		type: 2,
-		content: "./callout/videoCall.html", //iframe的url，no代表不显示滚动条
-		title: "视频通话窗口",
-		shade: 0,
-		offset: "rb",
-		area: ["22%", "65%"], //宽高
-	});
-//	if($.cookie("code") == "spdbzy") {
-//		layer.open({
-//			type: 2,
-//			content: "./callout/videoCall.html", //iframe的url，no代表不显示滚动条
-//			title: "视频通话窗口",
-//			shade: 0,
-//			offset: "rb",
-//			area: ["22%", "65%"], //宽高
-//		});
-//	}
+//	layer.open({
+//		type: 2,
+//		content: "./callout/videoCall.html", //iframe的url，no代表不显示滚动条
+//		title: "视频通话窗口",
+//		shade: 0,
+//		offset: "rb",
+//		area: ["22%", "65%"], //宽高
+//	});
+	
 
 	//最大化
 	$(".maxOpen").click(function() {
@@ -274,6 +265,17 @@ $(document).ready(function() {
 				$(".settingTelephone").val(result.data.user.F_Telephone);
 				if(result.data.user.F_SeatFlag) {
 					Connect();
+					connectVoice(1); //创建连接 
+//					if($.cookie("code") == "spdbzy") {
+//						layer.open({
+//							type: 2,
+//							content: "./callout/videoCall.html", //iframe的url，no代表不显示滚动条
+//							title: "视频通话窗口",
+//							shade: 0,
+//							offset: "rb",
+//							area: ["22%", "65%"], //宽高
+//						});
+//					}
 					//CreateWebSockets();
 					//$(".open_chat").show();
 					//heartbeat = setInterval(function() {

WebUI/CallCenterWeb.UI/js/main.js

@@ -26,11 +26,12 @@ function createWebSocket() {
 }
 //连接
 function Connect() {
-	if($.cookie("code")!="spdbzy"){
-		ws = new WebSocket("ws://" + huayi.config.socket_ip + ":" + huayi.config.socket_port);
-	} else {
-		ws = new WebSocket("wss://" + huayi.config.videoSocket_ip + ":" + huayi.config.videoSocket_port);
-	}
+	ws = new WebSocket("ws://" + huayi.config.socket_ip + ":" + huayi.config.socket_port);
+//	if($.cookie("code")!="spdbzy"){
+//		ws = new WebSocket("ws://" + huayi.config.socket_ip + ":" + huayi.config.socket_port);
+//	} else {
+//		ws = new WebSocket("wss://" + huayi.config.videoSocket_ip + ":" + huayi.config.videoSocket_port);
+//	}
     console.log(ws)
     ws.onopen = function () {
         console.log(new Date() + "    " + "建立连接");
@@ -262,6 +263,7 @@ function LogoutBack() {
 
 //来电
 function IncomingBack(data) {
+	$(".voiceToTextContext").html('')
     $(".ldhm").val(data.Number);
     $(".hidTel").val(data.Number);
     $(".tel").text(data.Number);

WebUI/CallCenterWeb.UI/js/voiceToText.css

@@ -52,17 +52,19 @@
 	overflow: hidden;
 }
 .clientChat img{
-	width: 40px;
+	width:12%;
 	border-radius: 20px;
 	float: left;
 }
 .clientChat .clientChatText{
 	float: left;
+	max-width: 80%;
 	display: inline-block;
-	margin-left: 15px;
+	margin-left: 2%;
 	background: #bde0ff;
 	border-radius: 0px 5px 5px 5px ;
 	padding: 8px;
+	
 }
 .serviceChat{
 	width: 100%;
@@ -70,13 +72,14 @@
 	overflow: hidden;
 }
 .serviceChat img{
-	width: 40px;
+	width: 12%;
 	border-radius: 20px;
 	float: right;
 }
 .serviceChat .serviceChatText{
 	float: right;
-	margin-right: 15px;
+	max-width: 80%;
+	margin-right: 2%;
 	display: inline-block;
 	border: 1px solid #CCCCCC;
 	border-radius: 5px 0px 5px 5px ;

WebUI/CallCenterWeb.UI/js/voiceToText.js

@@ -1,31 +1,4 @@
 
-var clientChatHtml = ''
-var serviceChatHtml = ''
-var objVoice ={
-	agent_id:'8000',
-	timestamp:new Date().getTime(),
-	data:''
-}
-//VoiceCommAPI.setConfigureServer("http://配置服务器 URL");
-//var agent = VoiceCommAPI.createAgentControl();
-//agent.login(objVoice);
-//agent.setDetectSpeechEventListener(objVoice,function(data){})
-//agent.on('setDetectSpeechEventListener',function(data){})
-
-setTimeout(function(){
-	
-	for(var i = 0; i < voiceToTextContextAway.length; i++) {
-		if (voiceToTextContextAway[i].type=="clientChat") {
-			$('<div class="clientChat"><img src="img/youkeTx.png"><div class="clientChatText">'+
-			voiceToTextContextAway[i].clientChat+'</div></div>').appendTo($(".voiceToTextContext"));
-		} else if(voiceToTextContextAway[i].type=="serviceChat"){
-			$('<div class="serviceChat"><img src="img/kefuTx.png"><div class="serviceChatText">'+
-			voiceToTextContextAway[i].serviceChat+'</div></div>').appendTo($(".voiceToTextContext"));
-		}
-	}
-	
-	scrollTopFn("scrollVoice")
-},2000)
 $("#clickElementVoice").click(function(){
 	var elThis = $(this)
 	voiceTextToggle(elThis,1000)
@@ -62,101 +35,129 @@ function showFn(el,timeToggle){
 		timeoutShow= null
 	},timeToggle)
 }
-var voiceToTextContextAway = [
-	{
-		type:"clientChat",
-		clientChat:'你知道2020年我最宝贵的是什么吗'
-	},
-	{
-		type:"serviceChat",
-		serviceChat:'什么哟'
-	},
-	{
-		type:"clientChat",
-		clientChat:'我刚说的那句话的第一个字'
-	},
-	{
-		type:"clientChat",
-		clientChat:'啊 我的心好痛'
-	},
-	{
-		type:"serviceChat",
-		serviceChat:'怎么了'
-	},
-	{
-		type:"clientChat",
-		clientChat:'你卡在我心上了'
-	},
-	{
-		type:"clientChat",
-		clientChat:'我第一次见到你我就发烧了'
-	},
-	{
-		type:"serviceChat",
-		serviceChat:'为什么'
-	},
-	{
-		type:"clientChat",
-		clientChat:'因为一见钟情的体温是38°6啊'
-	},
-	{
-		type:"clientChat",
-		clientChat:'你知道我现在最想喝什么吗？'
-	},
-	{
-		type:"serviceChat",
-		serviceChat:'喝什么？'
-	},
-	{
-		type:"clientChat",
-		clientChat:'呵护你。'
-	},
-	{
-		type:"clientChat",
-		clientChat:'我觉得我好像见过你'
-	},
-	{
-		type:"serviceChat",
-		serviceChat:'在哪？'
-	},
-	{
-		type:"clientChat",
-		clientChat:'在我的结婚证上'
-	},
-	{
-		type:"clientChat",
-		clientChat:'你喜欢吃糖吗'
-	},
-	{
-		type:"serviceChat",
-		serviceChat:'不喜欢'
-	},
-	{
-		type:"clientChat",
-		clientChat:'那为什么你还这么甜'
-	},
-	{
-		type:"clientChat",
-		clientChat:'你跑的快吗？'
-	},
-	{
-		type:"serviceChat",
-		serviceChat:'不太快。'
-	},
-	{
-		type:"clientChat",
-		clientChat:'那太好了，我一定能追到你。'
-	},
-	{
-		type:"clientChat",
-		clientChat:'有一个很美的故事'
-	},
-	{
-		type:"serviceChat",
-		serviceChat:'什么故事'
-	},
-	{
-		type:"clientChat",
-		clientChat:'就是你遇见我的事'
-	},
-]
+
+//var clientChatHtml = ''
+//var serviceChatHtml = ''
+//var objVoice ={
+//	agent_id:'8000',
+//	timestamp:new Date().getTime(),
+//	data:''
+//}
+//VoiceCommAPI.setConfigureServer("ws://222.143.106.46:12233");
+//var agent = VoiceCommAPI.createAgentControl();
+//agent.login(objVoice);
+//agent.setDetectSpeechEventListener(objVoice,function(data){})
+//agent.on('setDetectSpeechEventListener',function(data){})
+
+//setTimeout(function(){
+//	
+//	for(var i = 0; i < voiceToTextContextAway.length; i++) {
+//		if (voiceToTextContextAway[i].type=="clientChat") {
+//			$('<div class="clientChat"><img src="img/youkeTx.png"><div class="clientChatText">'+
+//			voiceToTextContextAway[i].clientChat+'</div></div>').appendTo($(".voiceToTextContext"));
+//		} else if(voiceToTextContextAway[i].type=="serviceChat"){
+//			$('<div class="serviceChat"><img src="img/kefuTx.png"><div class="serviceChatText">'+
+//			voiceToTextContextAway[i].serviceChat+'</div></div>').appendTo($(".voiceToTextContext"));
+//		}
+//	}
+//	
+//	
+//},2000)
+//var voiceToTextContextAway = [
+//	{
+//		type:"clientChat",
+//		clientChat:'你知道2020年我最宝贵的是什么吗'
+//	},
+//	{
+//		type:"serviceChat",
+//		serviceChat:'什么哟'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'我刚说的那句话的第一个字'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'啊 我的心好痛'
+//	},
+//	{
+//		type:"serviceChat",
+//		serviceChat:'怎么了'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'你卡在我心上了'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'我第一次见到你我就发烧了'
+//	},
+//	{
+//		type:"serviceChat",
+//		serviceChat:'为什么'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'因为一见钟情的体温是38°6啊'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'你知道我现在最想喝什么吗？'
+//	},
+//	{
+//		type:"serviceChat",
+//		serviceChat:'喝什么？'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'呵护你。'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'我觉得我好像见过你'
+//	},
+//	{
+//		type:"serviceChat",
+//		serviceChat:'在哪？'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'在我的结婚证上'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'你喜欢吃糖吗'
+//	},
+//	{
+//		type:"serviceChat",
+//		serviceChat:'不喜欢'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'那为什么你还这么甜'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'你跑的快吗？'
+//	},
+//	{
+//		type:"serviceChat",
+//		serviceChat:'不太快。'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'那太好了，我一定能追到你。'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'有一个很美的故事'
+//	},
+//	{
+//		type:"serviceChat",
+//		serviceChat:'什么故事'
+//	},
+//	{
+//		type:"clientChat",
+//		clientChat:'就是你遇见我的事'
+//	},
+//]

WebUI/CallCenterWeb.UI/js/voiceToTextSocket/socket.js

@@ -1,18 +1,21 @@
 var socketVoice = []; //websocket对象数组
 var getTimeStringVoice = new Date().getTime().toString();
 var objNew ={}
-//connectVoice(); //创建连接 
+
 //创建socket连接功能函数  
 function connectVoice(wsobj) {
 	//浏览器支持？
 	if("WebSocket" in window) {
-		var host = "ws://218.29.229.185:8081/"
+		var extno = $.cookie("extno")
+//		var extno = "1001"
+		var host = huayi.config.translation_socket+"/"+extno
+		console.log(host)
 		socketVoice = new WebSocket(host);
 		try {
 			//连接事件
 			socketVoice.onopen = function(msg) {
 				console.log(wsobj + ":连接已建立！")
-				videoReqExten()
+//				videoReqExten()
 			};
 			//错误事件	
 			socketVoice.onerror = function(msg) {
@@ -20,10 +23,20 @@ function connectVoice(wsobj) {
 			}
 			//消息事件
 			socketVoice.onmessage = function(msg) {
-				console.log(wsobj+"消息接收:"+msg.data)
+       			 //最后转回json对象
+      			data = eval('(' + msg.data + ')');
+      			console.log(msg.data)
+      			console.log(data.event,data.data.label,data.data.content);
+      			switch (data.event.toLowerCase()) {
+					case "translation":
+                        translationBack(data);
+                        break; //签入
+                }
+//				console.log(wsobj+"消息接收:"+data.data)
 			};
 			//关闭事件
 			socketVoice.onclose = function(msg) {
+				connectVoice(1)
 				console.log(wsobj + ":socket closed!")
 			};
 		} catch(ex) {
@@ -37,10 +50,10 @@ function connectVoice(wsobj) {
 }
 //申请注册的分机
  function videoReqExten() {
- 	objNew.Type = "VideoReqExten";
- 	objNew.AgentID = getTimeStringVoice.substring(getTimeStringVoice.length-9);
-	objNew.AgentExten = "111";
- 	SendVoice()
+// 	objNew.Type = "VideoReqExten";
+// 	objNew.AgentID = getTimeStringVoice.substring(getTimeStringVoice.length-9);
+//	objNew.AgentExten = "111";
+   	SendVoice()
  }
  //发送
 function SendVoice() {
@@ -53,3 +66,14 @@ function SendVoice() {
         objNew.Type = "";
     }
 }
+
+function translationBack(data) {
+	if(data.data.label === "坐席"){
+		$('<div class="serviceChat"><img src="img/kefuTx.png"><div class="serviceChatText">'+
+			data.data.content+'</div></div>').appendTo($(".voiceToTextContext"))
+	} else if (data.data.label === "客户") {
+		$('<div class="clientChat"><img src="img/youkeTx.png"><div class="clientChatText">'+
+			data.data.content+'</div></div>').appendTo($(".voiceToTextContext"));
+	}
+	scrollTopFn("scrollVoice")
+}