|
|
@@ -15,18 +15,18 @@
|
|
15
|
15
|
|
|
16
|
16
|
<!-- 录屏 -->
|
|
17
|
17
|
<!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.min.css" />-->
|
|
18
|
|
- <link rel="stylesheet" type="text/css" href="../callScreen/cutVideo/rrweb.min.css"/>
|
|
|
18
|
+ <!-- <link rel="stylesheet" type="text/css" href="../callScreen/cutVideo/rrweb.min.css"/> -->
|
|
19
|
19
|
<!-- 回放播放器 -->
|
|
20
|
20
|
<!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/style.css" />-->
|
|
21
|
|
- <link rel="stylesheet" type="text/css" href="../callScreen/cutVideo/style.css"/>
|
|
|
21
|
+ <!-- <link rel="stylesheet" type="text/css" href="../callScreen/cutVideo/style.css"/> -->
|
|
22
|
22
|
<!-- 录屏-->
|
|
23
|
23
|
<!--<script src="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.min.js"></script>
|
|
24
|
24
|
<script src="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/record/rrweb-record.min.js"></script>-->
|
|
25
|
|
- <script src="../callScreen/cutVideo/rrweb.min.js"></script>
|
|
26
|
|
- <script src="../callScreen/cutVideo/rrweb-record.min.js"></script>
|
|
|
25
|
+ <!-- <script src="../callScreen/cutVideo/rrweb.min.js"></script> -->
|
|
|
26
|
+ <!-- <script src="../callScreen/cutVideo/rrweb-record.min.js"></script> -->
|
|
27
|
27
|
<!-- 回放播放器 -->
|
|
28
|
28
|
<!--<script src="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/index.js"></script>-->
|
|
29
|
|
- <script src="../callScreen/cutVideo/index.js"></script>
|
|
|
29
|
+ <!-- <script src="../callScreen/cutVideo/index.js"></script> -->
|
|
30
|
30
|
|
|
31
|
31
|
<style>
|
|
32
|
32
|
body {
|
|
|
@@ -229,11 +229,14 @@
|
|
229
|
229
|
}
|
|
230
|
230
|
|
|
231
|
231
|
.shade_k{
|
|
232
|
|
- margin: 2% auto;
|
|
|
232
|
+ margin: 8% auto;
|
|
233
|
233
|
overflow-y: scroll;
|
|
234
|
234
|
width: 65%;
|
|
235
|
235
|
min-width: 1040px;
|
|
236
|
|
- height: 700px;
|
|
|
236
|
+ height: 200px;
|
|
|
237
|
+ }
|
|
|
238
|
+ .audiojs{
|
|
|
239
|
+ margin-top: 30px !important;
|
|
237
|
240
|
}
|
|
238
|
241
|
</style>
|
|
239
|
242
|
</head>
|
|
|
@@ -343,7 +346,7 @@
|
|
343
|
346
|
<div class="Ly_box audiojs "></div>
|
|
344
|
347
|
<div class="boxCon LY_box"></div>
|
|
345
|
348
|
<!--录屏播放-->
|
|
346
|
|
- <div id="replayers"></div>
|
|
|
349
|
+ <!-- <div id="replayers"></div> -->
|
|
347
|
350
|
</div>
|
|
348
|
351
|
</div>
|
|
349
|
352
|
</div>
|
|
|
@@ -549,53 +552,53 @@
|
|
549
|
552
|
$('<audio style="width:100%;"class=" " type="audio/v3" src="' + path + '" loop="loop" controls="controls"></audio>').appendTo(".Ly_box");
|
|
550
|
553
|
// $('<a href="' + path + '" class="sc_btn LY "download="' + path + '">下载录音</a>').appendTo(".LY_box");//20180511 by fanlongfei 隐藏文字下载按钮
|
|
551
|
554
|
// 回放录屏
|
|
552
|
|
- rePlayers(callId);
|
|
|
555
|
+ // rePlayers(callId);
|
|
553
|
556
|
}
|
|
554
|
557
|
|
|
555
|
558
|
// 回放录屏 - 播放器
|
|
556
|
|
- function rePlayers(callId) {
|
|
557
|
|
- document.getElementById('replayers').innerHTML = ""; // 清空
|
|
558
|
|
- //$("#replayers").text("");
|
|
559
|
|
- $.ajax({
|
|
560
|
|
- url: huayi.config.callcenter_url + 'CutScreen/GetCutScreenByCallId',
|
|
561
|
|
- type: 'get',
|
|
562
|
|
- data: {
|
|
563
|
|
- callid: callId,
|
|
564
|
|
- token: $.cookie("token")
|
|
565
|
|
- },
|
|
566
|
|
- dataType: "json",
|
|
567
|
|
- async: true,
|
|
568
|
|
- success: function (res) {
|
|
569
|
|
- if (res.state.toLowerCase() === "success") {
|
|
570
|
|
- var data = res.data;
|
|
571
|
|
- if (data != null) {
|
|
572
|
|
- result = data.VideoHtml;
|
|
573
|
|
- rePlayers2(result);
|
|
574
|
|
- } else {
|
|
575
|
|
- $("#replayers").text("暂无录屏信息");
|
|
576
|
|
- }
|
|
577
|
|
- }
|
|
578
|
|
- },
|
|
579
|
|
- });
|
|
580
|
|
- }
|
|
|
559
|
+ // function rePlayers(callId) {
|
|
|
560
|
+ // document.getElementById('replayers').innerHTML = ""; // 清空
|
|
|
561
|
+ // //$("#replayers").text("");
|
|
|
562
|
+ // $.ajax({
|
|
|
563
|
+ // url: huayi.config.callcenter_url + 'CutScreen/GetCutScreenByCallId',
|
|
|
564
|
+ // type: 'get',
|
|
|
565
|
+ // data: {
|
|
|
566
|
+ // callid: callId,
|
|
|
567
|
+ // token: $.cookie("token")
|
|
|
568
|
+ // },
|
|
|
569
|
+ // dataType: "json",
|
|
|
570
|
+ // async: true,
|
|
|
571
|
+ // success: function (res) {
|
|
|
572
|
+ // if (res.state.toLowerCase() === "success") {
|
|
|
573
|
+ // var data = res.data;
|
|
|
574
|
+ // if (data != null) {
|
|
|
575
|
+ // result = data.VideoHtml;
|
|
|
576
|
+ // rePlayers2(result);
|
|
|
577
|
+ // } else {
|
|
|
578
|
+ // $("#replayers").text("暂无录屏信息");
|
|
|
579
|
+ // }
|
|
|
580
|
+ // }
|
|
|
581
|
+ // },
|
|
|
582
|
+ // });
|
|
|
583
|
+ // }
|
|
581
|
584
|
|
|
582
|
|
- // 回放录屏 - 播放器
|
|
583
|
|
- function rePlayers2(res) {
|
|
584
|
|
- const events = JSON.parse(unescape(res));
|
|
585
|
|
- //const events = body_result;
|
|
586
|
|
- if (events != null) {
|
|
587
|
|
- $("#replayers").text("");
|
|
588
|
|
- new rrwebPlayer({
|
|
589
|
|
- // document.getElementById('replayers')可以自定义 DOM 元素 document.body
|
|
590
|
|
- target: document.getElementById('replayers'),
|
|
591
|
|
- data: {
|
|
592
|
|
- events,
|
|
593
|
|
- },
|
|
594
|
|
- });
|
|
595
|
|
- } else {
|
|
596
|
|
- $("#replayers").text("暂无录屏信息");
|
|
597
|
|
- }
|
|
598
|
|
- }
|
|
|
585
|
+ // // 回放录屏 - 播放器
|
|
|
586
|
+ // function rePlayers2(res) {
|
|
|
587
|
+ // const events = JSON.parse(unescape(res));
|
|
|
588
|
+ // //const events = body_result;
|
|
|
589
|
+ // if (events != null) {
|
|
|
590
|
+ // $("#replayers").text("");
|
|
|
591
|
+ // new rrwebPlayer({
|
|
|
592
|
+ // // document.getElementById('replayers')可以自定义 DOM 元素 document.body
|
|
|
593
|
+ // target: document.getElementById('replayers'),
|
|
|
594
|
+ // data: {
|
|
|
595
|
+ // events,
|
|
|
596
|
+ // },
|
|
|
597
|
+ // });
|
|
|
598
|
+ // } else {
|
|
|
599
|
+ // $("#replayers").text("暂无录屏信息");
|
|
|
600
|
+ // }
|
|
|
601
|
+ // }
|
|
599
|
602
|
|
|
600
|
603
|
|
|
601
|
604
|
//导出
|
