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

视频问答功能播放器(视频问答)视频弹题功能实例

视频问答播放器是一种互动教学工具,在视频播放过程中弹出题目卡,学员答题后才能继续观看,提升学习参与度。视频问答功能播放器(视频问答)视频弹题功能实例:

保利威视频加密

保利威视频加密

保利威视频加密

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

视频问答播放器接口

如果您的业务场景需要更加灵活的控制方式,或者题库在自身的业务系统,还可以通过播放器提供的问答接口来实现。

问答相关的播放器接口: 

名称参数及类型说明
sendQuestion(Array)设置视频关联的问答题目
changeQuestion(Number,Array)替换指定时间点对应的问答题目

事件: 

名称说明
onQuestionPopUp问题弹出时触发
onQuestionSkip问题被跳过时触发
onAnswerResult提交答案后触发

使用方式: 

在播放器初始化后,可以通过sendQuestion接口设置本次视频播放过程中需要显示的问答题目。通过监听问答相关事件,可以进行自身业务的处理。changeQuestion用于修改指定时间点需要显示的问答题目,比如,答错回退后,再次弹题时显示不同的问题。

代码示例如下: 

<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,vid: '88083abbf5bcf1356e05d39666be527a_8',
});
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>
//教育播放器实现问答功能、视频弹题功能

 

参数说明:

参数名称是否必填默认值描述
examId-生成规则:Long.toHexString(System.currentTimeMillis()),11位的字符串,比如:1699e49ffeb,​传值后可通过答题记录查询接口查询记录。​
showTime-题目出现时间,单位:秒
question-题目
choices-选项
right_answer-正确答案
answer-回答正确后的解答
wrongAnswer-回答错误后的解答
wrongTime-1回答错误后退回第几秒,-1代表不回退
skiptrue能否跳过题目继续播放视频
illustration-问答图片的URL

 

保利威视频加密


我的原创内容推荐

  视频应用

  • 保持视频二维码不变更新视频内容的教程
  • 视频二维码制作与应用的分步骤教程(职场小白也会用)
  • 如何把多个视频文件生成一个二维码(图文教程)
  • 音视频转换生成视频二维码,如何操作快速生成?
  • 视频二维码也可以做倍速观看,看教程吧

  视频二维码应用

  • 音视频转换生成视频二维码,如何操作快速生成?
  • PHP生成视频二维码代码和视频转换二维码操作教程
  • 竖式全屏形式的二维码如何制作?
  • 视频二维码有哪些方便之处,如何生成二维码?
  • 二维码不变如何更新视频内容?教程来了,手把手教程

 热门原创推荐

  • 无版权,全免费,请收藏这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 设置指南(精简版)

视频直播

  • 企业如何做虚拟直播(绿幕抠像直播)
  • 视频直播推流攻略(整理的各大平台推流界面)
  • OBS直播工具使用指南/OBS推送直播视频源到服务器的工具

 

相关文章:

  • ffmpeg转换竖屏(画面是横屏旋转90度的竖屏文件格式)视频到横屏
  • 网易互娱游戏研发实习一面
  • 在 ElementUI 中实现 Table 单元格合并
  • 萤石云实际视频实时接入(生产环境)
  • Node.js全局对象详解:console、process与核心功能
  • [ARM][架构] 01.ARMv7 特权等级与核心寄存器
  • 代码随想录算法训练营第60期第四十八天打卡
  • 开源 FcDesigner 表单设计器组件事件详解
  • 算法打卡第七天
  • 【ARTS】【LeetCode-59】螺旋矩阵
  • Debian系统安装Python详细教程及常见问题解答
  • Leetcode 3563. Lexicographically Smallest String After Adjacent Removals
  • Steam发布游戏过程的若干问题
  • 【计算机网络】IP 协议深度解析:从基础到实战
  • 晚期NSCLC临床试验终点与分析策略
  • 重学计算机网络之命令整理
  • 【Bug】--node命令加载失败
  • 重磅升级!Docusign IAM 2025 V1 版本上线,重塑智能协议新体验
  • 计算机网络学习(八)——MAC
  • 云服务器Ubuntu系统安装Docker教程和失败原因
  • 东莞建设教育网站/qq群推广拉人
  • 教师做班级网站/百度客户端手机版
  • 网站建站哪个品牌好/湖北最新消息
  • 云南旅行社网站建设/全网优化推广
  • 重庆网站建设 红旗河沟/广州谷歌seo公司
  • 苏州做网站公司有哪些/制作网页的流程步骤