保利威文档中心

幫助中心

問答彈題

更新時間:2023-12-09 15:34:06

問答彈題功能是指在影片播放的指定時間點彈出問答題目,適合在教學、培訓類影片中使用。使用問答功能,既可以增加學生與內容的互動,有利於教學品質的提升,又可以評估學生的學習效果和課件內容的品質。由於必須提交答案後才會繼續播放影片,所以問答功能還可以有效防止掛機播放影片的情況。

wenda 保利威雲點播平台支援透過以下兩種方式來實現問答彈題功能:

方式一:透過點播管理後台設定

  1. 登入雲點播管理後台,點選 【影片列表】 → 選擇影片→ 右邊欄【新增問答】,進入問答設定頁面。

  2. 在問答設定彈窗中設定問答題目: image-20210126143725270

管理後台設定問答題目後,在影片播放到指定時間點時,播放器會彈窗顯示問答題目,學員需要提交答案後才能繼續觀看影片。

方式二:透過播放器介面實現

如果您的業務場景需要更加靈活的控制方式,或者題庫在自身的業務系統,還可以透過播放器提供的問答介面來實現。

問答相關的播放器介面

名稱 參數及類型 說明
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
联系客服,在线咨询