視頻問答播放器是一種互動教學工具,在視頻播放過程中彈出題目卡,學員答題后才能繼續觀看,提升學習參與度。視頻問答功能播放器(視頻問答)視頻彈題功能實例:
視頻播放器的視頻問答功能(也叫問答播放器、視頻彈題、視頻問答功能)是一種互動的教學功能,在教育培訓機構中,用的比較多。視頻問答功能,?主要是在視頻播放過程中?,彈出問題卡片,學員回復問題后,再繼續播放,增強學員的參與度和學習效果。?
視頻問答播放器接口
如果您的業務場景需要更加靈活的控制方式,或者題庫在自身的業務系統,還可以通過播放器提供的問答接口來實現。
問答相關的播放器接口:?
名稱 | 參數及類型 | 說明 |
---|---|---|
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代表不回退 |
skip | 否 | true | 能否跳過題目繼續播放視頻 |
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推送直播視頻源到服務器的工具
?