pingDingShan/CallCenterWe.../callScreen/cutVideo.js

/**
 * 录屏/回拨
 * */

//来电时传输的数据
var phoneNumber = helper.request.queryString("Number");
var callid = helper.request.queryString("CallID");

// //测试数据
//if (callid == "") {
// 	var phoneNumber = "13663801989";
// 	var callid = "148";
// }

// 初始化数组
let events = [];
let stopFn = null;
$(function(){
	setTimeout(startPlayers,1000);
//	startPlayers();
})

// 开始录制
function startPlayers() {
	// let stopFn = rrweb.record({
	stopFn = rrweb.record({
		emit(event) {
			// 将 event 存入 events 数组中
			events.push(event);
		},
	});
	$("#playersing").text("");
}

var body_result = null;

// 停止录屏 - 保存 
//typeid：callin 来电弹屏；callout 外呼
// callid 呼入id 和 外呼电话id
function stopPlayers() {
	////点击外呼用
    if (callid == "") {
        callid = top.hidCallID
    }
	
	stopFn(); // 停止录屏
	savePlayers(callid); // 保存录屏
	// body_result = events;
	// events = [];
	//alert('停止录屏');
}

// 保存录屏
function savePlayers(callid) {
    if (events != null && callid != "") {
		var eventsS = JSON.stringify(events);
		var eventsStr = escape(eventsS)
		$.post(huayi.config.callcenter_url + 'CutScreen/AddCutScreen', {
		    callid: callid, // callid
			cutdata: eventsStr, // 录屏代码decodeURIComponent(
			token: $.cookie("token")
		}, function(result) {
			result = $.parseJSON(result);
			if (result.state.toLowerCase() == "success") {
				body_result = events;
				events = [];
				$("#playersing").text("录屏成功");
				//layer.msg("保存成功");
				//alert('保存录屏');
			}
		})
	} else {
		$("#playersing").text("录屏失败");
	}
}
// 回放录屏 - 播放器
function rePlayers() {
	$.ajax({
		url: huayi.config.callcenter_url + 'CutScreen/GetCutScreenByCallId',
		type: 'get',
		data: {
			callid: CallID,
			token: $.cookie("token")
		},
		dataType: "json",
		async: true,
		success: function(res) {
			if (res.state.toLowerCase() === "success") {
				var data = res.data;
				if (data != null) {
					result = data.VideoHtml;
					rePlayers2(result);
				}
			}
		},
	});
}

// 回放录屏 - 播放器
function rePlayers2(res) {
	const events = JSON.parse(unescape(res));
	//const events = body_result;
	if (events != null) {
		//const replayer = new rrweb.Replayer(events);
		//replayer.play();
		new rrwebPlayer({
			target: document.body, // document.getElementById('.ld-sercon')可以自定义 DOM 元素
			data: {
				events,
			},
		});
		// alert('回放成功');
	} else {
		var dd = "asdfasdf";
	}
}