問答彈題
更新時間:2023-12-09 15:34:06
問答彈題功能是指在影片播放的指定時間點彈出問答題目,適合在教學、培訓類影片中使用。使用問答功能,既可以增加學生與內容的互動,有利於教學品質的提升,又可以評估學生的學習效果和課件內容的品質。由於必須提交答案後才會繼續播放影片,所以問答功能還可以有效防止掛機播放影片的情況。
保利威雲點播平台支援透過以下兩種方式來實現問答彈題功能:
方式一:透過點播管理後台設定
登入雲點播管理後台,點選 【影片列表】 → 選擇影片→ 右邊欄【新增問答】,進入問答設定頁面。
在問答設定彈窗中設定問答題目:

管理後台設定問答題目後,在影片播放到指定時間點時,播放器會彈窗顯示問答題目,學員需要提交答案後才能繼續觀看影片。
方式二:透過播放器介面實現
如果您的業務場景需要更加靈活的控制方式,或者題庫在自身的業務系統,還可以透過播放器提供的問答介面來實現。
問答相關的播放器介面
| 名稱 | 參數及類型 | 說明 |
|---|---|---|
| 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 |
