连续播放20分钟出现‘休息弹窗‘ 解决方案

目录

(仅供学习交流，不可以用于非法用途)

 由于平台屏蔽，部分文字内容使用图片形式。

I.初步分析

II.关键解决方案代码

---

 

(仅供学习交流，不可以用于非法用途)

 由于平台屏蔽，部分文字内容使用图片形式。

I.初步分析

!t && B && F > 0 && 0 == 60 * L % F && 
(console.log(">>>touch restTime; playCount=" + L),
 exitFullscreen(), 
J("您已学习" + Math.round(F / 60) + "分钟了，让眼睛休息一下吧"), videoPause())

我们发现在视频持续学习一定的时间后，会调用J()函数，并且赋予参数 学习时长字符串和videoPause()函数，由于平台对代码进行了压缩，我们大致可以猜出J()函数的调用是为了弹窗博客最前边所示的对话框，并暂停视频的播放，让视频学习者点击确认，确保学习者没有刷学习时长的嫌疑后，再次进行视频播放记录学习时间。为了验证，笔者对平台JS代码又进行了详细阅读，找到了J()函数，以及其参数中所带的videoPause()函数：

window.videoPause = function() {
		A.pause()
	}, window.videoPlay = function() {
		A.play()
	};
	var J = function(e) {
		var a = t.dialog({
			boxid: "rest_tip",
			title: "提示",
			width: 380,
			modal: !0,
			content: '<span style="display:block;text-align: center;">' + e + "</span>",
			buttons: [{
				text: "继续学习",
				css: {
					backgroundColor: "#c0130d"
				},
				click: function() {
					videoPlay(), a.close()
				}
			}]
		})
	},

  我们阅读代码后发现，在弹出对话框后进行了视频暂停，在点击确认后，视频又重新开始播放。

II.关键解决方案代码

 2.在了解了平台实现逻辑后，我们此部分开始解决上述问题。既然网页端弹出来一个对话框，需要我们点击确认后才可以继续记录学习时长，那我们最关键的问题就是获取该对话框的确认按钮的标签，然后再模拟浏览器点击行为，从而完美解决。

• 等待弹出对话框，按下F12打开开发者模式，找到该弹出对话框的HTML代码：

• 我们发现了确认按钮的标签，是类名为“dialog-button-container” div 下的"button"标签，随后使用JS代码获取该标签，本例中由于平台中引入了jQuery,我们使用jQuery获取：

 let dialog = $('.dialog-button-container button')

• 然后使用一个定时器不断获取页面中的dialog标签，并进行模拟浏览器点击：

var openClick = setInterval(function() {
    let dialog = $('.dialog-button-container button')
    dialog.click()
    console.log("正在监测弹出对话框...")
}, 1000)

• 最后一步就是在视频播放页面，按下F12打开 开发者模式，点击Console控制台，输入上述代码后按回车键即可：