暂存录屏

src/app/my/application-process/signature/signature.component.ts

@@ -3,8 +3,7 @@ import { MyService } from '../../my.service';
 import { ActivatedRoute,Router } from "@angular/router";
 import { ActivatedRoute,Router } from "@angular/router";
 import { LifeCommonService } from "../../../common/life-common.service";
 import { LifeCommonService } from "../../../common/life-common.service";
 import {SignaturePad} from 'angular2-signaturepad';
 import {SignaturePad} from 'angular2-signaturepad';
-import EleSign from "elesigncode";
-import * as $ from 'jquery';
+declare var record:any;
 @Component({
 @Component({
   selector: 'ydlife-signature',
   selector: 'ydlife-signature',
   templateUrl: './signature.component.html',
   templateUrl: './signature.component.html',
@@ -24,12 +23,17 @@ export class SignatureComponent implements OnInit {
   type:string;
   type:string;
   todayDate:Date = new Date();
   todayDate:Date = new Date();
   @ViewChild(SignaturePad) signaturePad : SignaturePad;
   @ViewChild(SignaturePad) signaturePad : SignaturePad;
+
+
+  /**保存录制内容 */
+  // saveRecord(){
+  //   this.myService.rrwebInfo(this.events,this.pageInfo).subscribe(res=>{
+  //     // console.log(res);
+  //   })
+  // }
   constructor(private activatedRoute: ActivatedRoute,
   constructor(private activatedRoute: ActivatedRoute,
     private router: Router,public lifeCommonService:LifeCommonService,
     private router: Router,public lifeCommonService:LifeCommonService,
     public myService:MyService) {
     public myService:MyService) {
-
-
-
     }
     }
 
 
   ngOnInit() {
   ngOnInit() {

src/app/my/my.service.ts

 import { Injectable } from '@angular/core';
 import { Injectable } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { HttpClient } from '@angular/common/http';
 import { environment } from '../../environments/environment';
 import { environment } from '../../environments/environment';
+import * as uuid from 'uuid';
 
 
 @Injectable({
 @Injectable({
   providedIn: 'root'
   providedIn: 'root'
@@ -791,4 +792,23 @@ export class MyService {
       };
       };
     return this.http.post(url, JSON.stringify(behaviorInfo));
     return this.http.post(url, JSON.stringify(behaviorInfo));
   }
   }
+
+  /**
+   * 可回溯录屏接口
+   */
+   rrwebInfo(){
+    const url = this.ydapi + '/customerTrackVideo/rrwebInfo';
+    const serialsNo = sessionStorage.getItem('lifeRecordSerialsNo') ? sessionStorage.getItem('lifeRecordSerialsNo') :uuid.v4();
+    sessionStorage.setItem('lifeRecordSerialsNo',serialsNo)
+    const param = {
+      serialsNo:serialsNo,
+     	token:'',
+     	pageType:'',
+     	pageName:'',
+     	customerId:'',
+      data:'',
+      url: ""
+    }
+    return this.http.post(url, JSON.stringify(param));
+   }
 }
 }

src/index.html

@@ -68,6 +68,7 @@
   <script src="./assets/js/jquery.min.js"></script>
   <script src="./assets/js/jquery.min.js"></script>
   <script src="./assets/js/qrcode.js"></script>
   <script src="./assets/js/qrcode.js"></script>
   <!--<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>-->
   <!--<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>-->
+  <script src="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/record/rrweb-record.min.js"></script>
   <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
   <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
   <script src="./assets/LCalendar/LCalendar.js"></script>
   <script src="./assets/LCalendar/LCalendar.js"></script>
   <script src="./assets/laydate/laydate.js"></script>
   <script src="./assets/laydate/laydate.js"></script>