【技术实现步骤摘要】
浏览器页面中的互动视频的播放控制方法、装置及服务器
本申请实施例涉及计算机
，尤其涉及一种浏览器页面中的互动视频的播放控制方法、装置及服务器。
技术介绍
网络教学是一种新兴的学习方式，是基于计算机设备和互联网技术而实现的新型教学模式。随着网络教学技术的逐步发展，用户可以在观看互动视频的过程中体验智能教学互动，比如在观看互动视频到特定时间时，视频界面上可以弹出互动题目让用户回答，从而去提升网络教学的学习体验。但是，目前用户在使用浏览器播放互动视频时，由于浏览器页面内视频播放器的限制，难以在视频播放过程中实现智能教学互动，并且不同的厂商也会定制各种视频播放器的功能，在用户观看视频的过程中也对用户造成干扰。
技术实现思路
本申请实施例提供了一种浏览器页面中的互动视频的播放控制方法、装置及服务器，所述技术方案如下：第一方面，本申请实施例提供了一种浏览器页面中的互动视频的播放控制方法，包括步骤：当目标浏览器请求显示目标页面时，在原视频播放器的位置处创建画布；通过在所述画布上绘制...
【技术保护点】
1.一种浏览器页面中的互动视频的播放控制方法，所述互动视频中包括目标视频和至少一个互动题目面板，其特征在于，所述方法包括步骤：/n当目标浏览器请求显示目标页面时，在原视频播放器的位置处创建画布；/n通过在所述画布上绘制所述目标视频的各帧画面，播放所述目标视频；/n监听所述目标视频的播放进度；/n当所述播放进度到达预设进度时，将所述预设进度对应的互动题目面板显示在所述画布之上；/n当所述互动题目面板显示结束时，控制所述互动题目面板隐藏。/n
【技术特征摘要】
1.一种浏览器页面中的互动视频的播放控制方法，所述互动视频中包括目标视频和至少一个互动题目面板，其特征在于，所述方法包括步骤：
当目标浏览器请求显示目标页面时，在原视频播放器的位置处创建画布；
通过在所述画布上绘制所述目标视频的各帧画面，播放所述目标视频；
监听所述目标视频的播放进度；
当所述播放进度到达预设进度时，将所述预设进度对应的互动题目面板显示在所述画布之上；
当所述互动题目面板显示结束时，控制所述互动题目面板隐藏。
2.根据权利要求1所述的浏览器页面中的互动视频的播放控制方法，其特征在于，所述在原视频播放器的位置处创建画布，包括步骤：
获取原视频播放器在所述目标页面中的位置和所述原视频播放器的尺寸；
根据所述原视频播放器在目标页面中的位置和所述原视频播放器的尺寸，在所述目标页面中创建所述画布；其中，所述画布的尺寸与所述原视频播放器的尺寸相同。
3.根据权利要求1所述的浏览器页面中的互动视频的播放控制方法，其特征在于，所述在原视频播放器的位置处创建画布之后，包括步骤：
获取自定义控件、所述画布在所述目标页面中的位置和所述自定义控件相对于所述画布的位置；其中，所述自定义控件用于触发所述目标视频的播放控制函数；
根据所述画布在所述目标页面中的位置和所述自定义控件相对于所述画布的位置，得到自定义控件在所述目标页面中的位置；
根据所述自定义控件在所述目标页面中的位置，将所述自定义控件显示在所述画布上。
4.根据权利要求3所述的浏览器页面中的互动视频的播放控制方法，其特征在于，所述根据所述自定义控件在所述目标页面中的位置，将所述自定义控件显示在所述画布上之后，还包括步骤：
当通过所述自定义控件监听到用户操作时，触发执行所述自定义控件对应的视频播放控制函数，对所述目标视频进行相应的播放控制。
5.根据权利要求4所述的浏览器页面中的互动视频的播放控制方法，其特征在于，所述自定义控件包括播放/暂停控件；
所述当通过所述自定义控件监听到用户操作时，触发执行所述自定义控件对应的视频播放控制函数，对所述目标视频进行相应的播放控制，包括步骤：
当通过所述播放/暂停控件监听到点击操作时，触发执行所述播放/暂停控件对应的播放/暂停函数，暂停播放所述目标视频或继续播放所述目标视频。
6.根据权利要求4所述的浏览器页面中的互动视频的播放控制方法，其特征在于，
所述自定义控件包括进度调节控件；
所述当通过所述自定义控件监听到用户操作时，触发执行所述自定义控件对应的视频播放控制函数，对所述目标视频进行相应的播放控制，包括步骤：
当通过所述进度调节控件监听到进度条拖拉操作或进度条点击操作时，获取进度条的当前停留位置；
根据所述进度条的当前停留位置和所述进度条的可移动长度，确认所述目标视频中对应的目标画面；
通过在所述画布上跳转绘制所述目标视频的目标画面，跳转播放所述目标视频。
7.根据权利...
【专利技术属性】
技术研发人员：林建群，
申请(专利权)人：广州闪畅信息科技有限公司，
类型：发明
国别省市：广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。