视频问答播放器是一种互动教学工具,通过在视频播放过程中弹出问题卡片(视频弹题),强制学员参与答题后才能继续观看。其主要功能包括:1)设定特定时间点弹出题目,答错会回退重看;2)防止学员挂机,确保学习专注度;3)降低盗录视频的可用性。技术实现上采用JavaScript控制播放器,可自定义问题内容、答题时间和错误处理逻辑。
问答播放器/视频弹题
视频播放器的视频问答功能(也叫问答播放器、视频弹题、视频问答功能)是一种互动的教学功能,在教育培训机构中,用的比较多。视频问答功能,主要是在视频播放过程中,弹出问题卡片,学员回复问题后,再继续播放,增强学员的参与度和学习效果。
以下是该功能的一些主要特点: 01.与培训视频内容的互动性: 视频播放到特定时间点时,会弹出问题卡片,学员必须正确回答问题后才能继续观看视频;回答错误,则向前返回一小段视频,重新观看。 02.学员离线防挂机: 通过强制学员回答问题,有效避免学员挂机现象,确保学员积极认真的参与学习。 03.课程内容防录屏、防盗录: 问答功能可以降低盗版视频的观看体验,因为录屏后的视频无法正常播放。
var player = polyvPlayer({
wrap: '#player',
width: 800,
height: 533,
ban_seek:'on', //禁止拖动视频进度条(on,off)
//ban_seek_by_limit_time:'on', //是否禁止视频拖拽未播放区域(on,off)
vid: '88083abbf5bcf1356e05d39666be527a_8',
playsafe:'81814fed-bdd0-4506-bec1-ebc8093148c5-hfevwsfxcsbcocx',
//playsafeUrl:'https://myDomain.com/token',
ts:'1568131545000',
sign:'88313661ba7ded642c7b557b0a364b4b'
});
player.on('s2j_onPlayerInitOver',
function(e) {
var question1 = [{
"examId": "1699e49ffeb",
"question": "第1个问题:1 x 2 = ?",
"choices": [{
"answer": "1"
},
{
"answer": "2",
"right_answer": 1
},
{
"answer": "3"
},
{
"answer": "4"
}],
"answer": "",
"wrongAnswer": "",
"skip": true,
"wrongTime": 5,
"showTime": 10
}];
player.sendQuestion(question1);
});
window.onQuestionSkip = function(data, vid) {
console.log('onQuestionSkip', data, vid);
}
window.onQuestionPopUp = function(data, vid) {
console.log('onQuestionPopUp', data, vid);
}
window.onAnswerResult = function(isRight, data, msg, seekTime, vid) {
console.log('onAnswerResult',isRight, data, msg, seekTime, vid);
if (!isRight) {
var question2 = [{
"examId": "1699e49ffef",
"question": "第2个问题:2 x 2 = ?",
"choices": [{
"answer": "1"
},
{
"answer": "2"
},
{
"answer": "3"
},
{
"answer": "4",
"right_answer": 1
}],
"answer": "",
"wrongAnswer": "",
"skip": true,
"wrongTime": 5,
"showTime": 10
}];
player.changeQuestion(10, question2);
}
}
问答播放器/视频弹题的效果(正常播放视频画面)
问答播放器/视频弹题的效果(由于设置视频问答弹题的时间点为第95秒,所以会在该指定时间点,弹出问题)
(注:弹出题目的内容,通常是视频刚刚介绍过的内容,学员在学习之后,看到弹出的问题,再进行回答,以达到强化学习要点的要求。)
问答播放器/视频弹题的效果(学员回答错误,播放器弹出回答错误的提示)
问答播放器/视频弹题的效果(学员回答正确时,弹出回答正确的提示,并继续播放视频。)
热门原创推荐
无版权,全免费,请收藏这10个免费高清无权素材网站
常用照片尺寸对照表,照片大小看这个表就OK了
如何使用FTP上传文件(FTP文件传输)
在线视频加密播放(加密视频观看)操作教程完整版
企业公众号菜单添加视频的完整教程(组图)
AI工具类文章
AI应用:mijdourney 如何写prompt
Midjourney最基础的一些使用设置
Gemini 前世今生全面的信息介绍
AI视频成工具D-ID介绍(AI数字人常用工具)
Midjourney Prompt的使用基本结构介绍
视频加密/防下载/防录屏
防止付费课程视频被盗被下载的五大招数
企业内训视频加密防盗录全攻略
视频加密的两种常见的方式数字版权管理和加密算法与应用
FFmpeg视频编码
如何设置FFmpeg进行高分辨率视频转码?
视频处理时的截图工具ffmpeg截图用法实例
FFmpeg视频编码的完整操作指南
谷歌浏览器
Chrome提示由贵单位管理该怎么取消?
关闭谷歌更新提示“若要接收后续 google chrome 更新,您需使用 windows 10或更高版本”
chrome谷歌浏览器书签不同步的解决办法
Chrome浏览器无痕浏览真的无痕吗?
关闭谷歌浏览器输入框记忆功能的方法
ThinkPad电脑
ThinkPad系列产品进入BIOS并设置U盘启动的详细步骤
通用的ThinkPad BIOS 设置指南(精简版)