影片中的互動問答(Quiz in video)

此功能並非 edX 提出的功能，為網路上所提出解決方案，不建議使用。

學生如果可以在看影片的過程中，系統即時的跳出問題要求學生作答，這樣可以提升學生作答的比例，也可以提升學習的成效。Open edX雖然沒有直接提供這樣的功能，不過，我們 OpenEdu 透過第三方的作法達成這樣的功能唷~ 我們只要做一點小設定，就可以達到這樣的效果。

步驟如下：

1. 下載設定檔。到 這裡，下載這兩個檔案

   • popUpProblems.css
   • popUpProblems.js

2. 上傳設定檔：popUpProblems.css 與 popUpProblems.js 到

3. 在您的影片教學頁面中，加上一個 HTML 的課程元件，將以下語法複製貼上至此 HTML 中。

<p>
<script>
var popUpProblemTimer = 
[
    {time: 8.5, title: "Q1"},
    {time: 12, title: "Q2"},
    {time: 16, title: "Q3"}
];
</p>
<!-- 以下的程式碼不要變動 -->
<p>
<script src="/static/popUpProblems.js"></script>
</p>
<h4>影片播放</h4>
<p>
<button id="popUpPlayPause" aria-label="Start">
    <span id="playpauseicon" class="VQControls"></span>
    <span id="playpauseword">播放</span></button>
<button id="popUpReset" aria-label="重新開始">
    <span class="VQControls">↩</span>重新開始</button> 
<button id="backOneProblem" aria-label="倒轉">
    <span class="VQControls">⇤</span>倒轉</button>
</p>

1. 編修上一步驟的 HTML 程式語法，在規劃的時間點出現設計好的對應題目，例如

{time: 8.5, title: "Q1"}

表示 8.5 秒時會出現 Q1 的題目。其中 Q1 為該題目的 ID, 可以在題目中設定：