当前位置: 首页 > news >正文

问答播放器(视频弹题)使用例子(代码)

视频问答播放器是一种互动教学工具,通过在视频播放过程中弹出问题卡片(视频弹题),强制学员参与答题后才能继续观看。其主要功能包括:1)设定特定时间点弹出题目,答错会回退重看;2)防止学员挂机,确保学习专注度;3)降低盗录视频的可用性。技术实现上采用JavaScript控制播放器,可自定义问题内容、答题时间和错误处理逻辑。

问答播放器/视频弹题

视频播放器的视频问答功能(也叫问答播放器、视频弹题、视频问答功能)是一种互动的教学功能,在教育培训机构中,用的比较多。视频问答功能,主要是在视频播放过程中,弹出问题卡片,学员回复问题后,再继续播放,增强学员的参与度和学习效果。

以下是该功能的一些主要特点:
01.与培训视频内容的互动性:
视频播放到特定时间点时,会弹出问题卡片,学员必须正确回答问题后才能继续观看视频;回答错误,则向前返回一小段视频,重新观看。
02.学员离线防挂机:
通过强制学员回答问题,有效避免学员挂机现象,确保学员积极认真的参与学习。
03.课程内容防录屏、防盗录:
问答功能可以降低盗版视频的观看体验,因为录屏后的视频无法正常播放。

<div id="player"></div>
<script src="//player.polyv.net/resp/vod-player/latest/player.js"></script>
<script>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);}
}
</script>

 

问答播放器/视频弹题观看效果

问答播放器/视频弹题的效果(正常播放视频画面)

问答播放器/视频弹题观看效果

问答播放器/视频弹题的效果(由于设置视频问答弹题的时间点为第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 设置指南(精简版)

相关文章:

  • 26-数据结构-线性表2
  • HarmonyOS5 运动健康app(一):健康饮食(附代码)
  • Android mtk 系统应用改为可卸载,恢复出厂可恢复
  • sharepoint 共享excel,如何实现某个 sheet 别人只读,但是另一个 sheet 可以编辑
  • 【Pandas】pandas DataFrame replace
  • 【网关】互联网公司的接入网关和业务网关怎么设计
  • 多模态大语言模型arxiv论文略读(121)
  • 零基础实战:用 Docker 和 vLLM 本地部署 BGE-M3 文本嵌入模型
  • NAS 年中成果汇报:从入门到高阶的影视/音乐/小说/资源下载 等好玩Docker 全集合
  • 通过XML方式在Word段落前添加空白段落
  • Linux搭建爬虫ip与私有IP池教程
  • Power BI Streaming dataset - 模拟监测水库的水位情况
  • WPF加载文本文件时如何设置WebBrowser的字体
  • dsp28335
  • Prompt从入门到抄作业
  • 如何轻松实现多源混算报表
  • Linux运维-ansible-python开发-获取inventroy信息
  • CodeRider插件配置指南二
  • CVPR 2025现场直击
  • 【Docker基础】Docker核心概念:命名空间(Namespace)详解
  • wordpress社会化登陆/seo权重是什么意思
  • 医院网站建设与管理ppt/百度一下浏览器下载安装
  • 如何做本地门户网站/凡科小程序
  • 有哪些企业可以做招聘的网站有哪些方面/高质量外链平台
  • 做网站选择什么服务器/免费的app推广平台
  • 全国企业公示信息公示网官网/青岛网站seo诊断