当前位置: 首页 > 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推送直播视频源到服务器的工具

 

http://www.xdnf.cn/news/647713.html

相关文章:

  • 【后端高阶面经:Elasticsearch篇】39、Elasticsearch 查询性能优化:分页、冷热分离与 JVM 调优
  • Android 中的 ViewModel详解
  • 远控安全进阶之战:TeamViewer/ToDesk/向日葵设备安全策略对比
  • Java基础(一):发展史、技术体系与JDK环境配置详解
  • 深度 |工业互联网的下一个十年:AI如何成“关键变量”
  • 类和对象(5)--《Hello C++ Wrold!》(7)--(C/C++)--构造函数的初始化列表,explicit关键词,友元,内部类和匿名对象
  • 【基于SpringBoot的图书管理系统】Redis在图书管理系统中的应用:加载和添加图书到Redis,从数据同步到缓存优化
  • spring实战第四版01
  • 【SpringBoot】从零开始全面解析Spring IocDI (二)
  • Windows系统如何查看ssh公钥
  • 第十一天 5G切片技术在车联网中的应用
  • ORM++ 封装实战指南:安全高效的 C++ MySQL 数据库操作
  • window 显示驱动开发-视频内存的直接交替(二)
  • 黑马点评Reids重点详解(Reids使用重点)
  • P2015 二叉苹果树
  • C#高级:Winform桌面开发中CheckedListBox的详解
  • 泰迪杯特等奖案例深度解析:基于三维点云与深度学习的复杂零件装配质量检测系统设计
  • 基于AOD-Net与GAN的深度学习去雾算法开发
  • 【Spring】Spring AI 核心知识(一)
  • LSTM三个门控机制详解
  • 电池预测 | 第28讲 基于CNN-GRU的锂电池剩余寿命预测
  • 对Spring IOC与AOP的理解
  • 深度学习在图像识别中的创新应用及其挑战
  • Innodb底层原理与Mysql日志机制深入刨析
  • 如何利用 Spring Data MongoDB 进行地理位置相关的查询?
  • vue+cesium示例:3Dtiles三维模型高度调整(附源码下载)
  • [IMX] 08.RTC 时钟
  • BGP笔记的基本概要
  • Linux进程通信之管道机制全面解析
  • Python基于Django的主观题自动阅卷系统【附源码、文档说明】