110 lines
3.0 KiB
JavaScript
110 lines
3.0 KiB
JavaScript
const onScreenRecordingStateHandler = function (res) {
|
|
console.log('onScreenRecordingStateChanged', res?.state);
|
|
if (res?.state && this.data.recordState !== res?.state) {
|
|
this.setData({
|
|
recordState: res?.state,
|
|
screenRecordingState: res,
|
|
});
|
|
}
|
|
};
|
|
|
|
function onUserCaptureHandler(res) {
|
|
console.log('截屏回调 userCaptureHandler: ', res);
|
|
this.setData({
|
|
captureScreenTimes: this.data.captureScreenTimes + 1,
|
|
});
|
|
}
|
|
|
|
Page({
|
|
data: {
|
|
// 截屏
|
|
visualEffect: 'none',
|
|
|
|
// 查询录屏的开关状态
|
|
isRecording: 'off',
|
|
isRecordingState: null,
|
|
|
|
// 录屏状态
|
|
recordState: 'stop',
|
|
screenRecordingState: null,
|
|
|
|
onScreenRecordingStateChanged: false,
|
|
onUserCaptureScreen: false,
|
|
captureScreenTimes: 0,
|
|
},
|
|
onLoad() {
|
|
// 监听用户截屏事件
|
|
const userCaptureHandler = this.userCaptureHandler = onUserCaptureHandler.bind(this);
|
|
xhs.onUserCaptureScreen(userCaptureHandler);
|
|
|
|
// 监听用户录屏事件
|
|
const screenRecordingStateHandler = this.screenRecordingStateHandler = onScreenRecordingStateHandler.bind(this);
|
|
xhs.onScreenRecordingStateChanged(screenRecordingStateHandler);
|
|
|
|
xhs.showToast({ title: '正在监听用户截屏事件、录屏事件！！' });
|
|
},
|
|
handleSetVisualEffectOnCapture() {
|
|
const _this = this;
|
|
this.setData({
|
|
visualEffect: this.data.visualEffect === 'none' ? 'hidden' : 'none',
|
|
});
|
|
xhs.setVisualEffectOnCapture({
|
|
visualEffect: _this.data.visualEffect,
|
|
success(res) {
|
|
console.log('setVisualEffectOnCapture success', res);
|
|
},
|
|
fail(err) {
|
|
console.log('setVisualEffectOnCapture fail', err.errMsg);
|
|
},
|
|
});
|
|
},
|
|
handleGetScreenRecordingState() {
|
|
const _this = this;
|
|
xhs.getScreenRecordingState({
|
|
success(res) {
|
|
console.log('getScreenRecordingState success', res?.state);
|
|
if (res?.state === 'on') {
|
|
_this.setData({
|
|
isRecording: 'on',
|
|
isRecordingState: res
|
|
});
|
|
} else {
|
|
_this.setData({
|
|
isRecording: 'off',
|
|
isRecordingState: res
|
|
});
|
|
}
|
|
},
|
|
fail(err) {
|
|
console.log('getScreenRecordingState fail', err.errMsg);
|
|
},
|
|
});
|
|
},
|
|
// 取消「截屏」监听
|
|
handleOffCaptureScreen() {
|
|
if (this.userCaptureHandler) {
|
|
xhs.offUserCaptureScreen(this.userCaptureHandler);
|
|
this.userCaptureHandler = null;
|
|
} else {
|
|
this.userCaptureHandler = onUserCaptureHandler;
|
|
}
|
|
|
|
xhs.showToast({
|
|
title: '取消截屏监听, 接下来将无法监听到截屏事件，截屏次数不会更新！',
|
|
});
|
|
},
|
|
// 取消「录屏」监听
|
|
handleOffScreenRecordingState() {
|
|
if (this.screenRecordingStateHandler) {
|
|
xhs.offScreenRecordingStateChanged(this.screenRecordingStateHandler);
|
|
this.screenRecordingStateHandler = null;
|
|
xhs.showToast({
|
|
title: '取消录屏监听, 接下来将无法观测到录屏消息！',
|
|
});
|
|
this.setData({
|
|
screenRecordingState: null
|
|
});
|
|
}
|
|
},
|
|
});
|