視頻問答功能播放器(視頻問答)視頻彈題功能實例

視頻問答播放器是一種互動教學工具,在視頻播放過程中彈出題目卡,學員答題后才能繼續觀看,提升學習參與度。視頻問答功能播放器(視頻問答)視頻彈題功能實例:

保利威視頻加密

保利威視頻加密

保利威視頻加密

視頻播放器的視頻問答功能(也叫問答播放器、視頻彈題、視頻問答功能)是一種互動的教學功能,在教育培訓機構中,用的比較多。視頻問答功能,?主要是在視頻播放過程中?,彈出問題卡片,學員回復問題后,再繼續播放,增強學員的參與度和學習效果。?

視頻問答播放器接口

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

問答相關的播放器接口:?

名稱參數及類型說明
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.pswp.cn/bicheng/82462.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/82462.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/82462.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

2025年AI代理演進全景:從技術成熟度曲線到產業重構

2025年AI代理演進全景&#xff1a;從技術成熟度曲線到產業重構 一、技術成熟度曲線定位&#xff1a;AI代理的“期望膨脹期” 根據Gartner技術成熟度曲線&#xff08;Hype Cycle?&#xff09;&#xff0c;AI代理&#xff08;Agentic AI&#xff09;當前正處于期望膨脹期向泡沫…

基于python的機器學習(八)—— 評估算法(一)

目錄 一、機器學習評估的基本概念 1.1 評估的定義與目標 1.2 常見評估指標 1.3 訓練集、驗證集與測試集的劃分 二、分離數據集 2.1 分離訓練數據集和評估數據集 2.2 k折交叉驗證分離 2.3 棄一交叉驗證分離 2.4 重復隨機評估和訓練數據集分離 三、交叉驗證技術 3.…

Win11 系統登入時綁定微軟郵箱導致用戶名欠缺

Win11 系統登入時綁定微軟郵箱導致用戶名欠缺 解決思路 -> 解綁當前微軟郵箱和用戶名 -> 斷網離線建立本地賬戶 -> 設置本地賬戶為Admin權限 -> 注銷當前賬戶&#xff0c;登入新建的用戶 -> 聯網綁定微軟郵箱 -> 刪除舊的用戶命令步驟 管理員權限打開…

Mac系統-最方便的一鍵環境部署軟件ServBay(支持php,java,python,node,go,mysql等)沒有之一,已親自使用!

自從換成Mac電腦以后&#xff0c;做開發有時候要部署各種環境&#xff0c;如php&#xff0c;mysql&#xff0c;nginx&#xff0c;pgsql&#xff0c;java&#xff0c;node&#xff0c;python&#xff0c;go時&#xff0c;嘗試過原生環境部署&#xff0c;各種第三方軟件部署&…

Flink中Kafka連接器的基本應用

文章目錄 前言Kafka連接器基礎案例演示前置說明和環境準備步驟Kafka連接器基本配置關聯數據源映射轉換案例效果演示基于Kafka連接器同步數據到MySQL案例說明前置準備Kafka連接器消費位點調整映射轉換與數據投遞MysqlSlink持久化收集器數據最終效果演示小結參考前言 本文將基于…

Leetcode 刷題記錄 11 —— 二叉樹第二彈

本系列為筆者的 Leetcode 刷題記錄&#xff0c;順序為 Hot 100 題官方順序&#xff0c;根據標簽命名&#xff0c;記錄筆者總結的做題思路&#xff0c;附部分代碼解釋和疑問解答&#xff0c;01~07為C語言&#xff0c;08及以后為Java語言。 01 二叉樹的層序遍歷 /*** Definition…

【R語言科研繪圖】

R語言在繪制SCI期刊圖像時具有顯著優勢&#xff0c;以下從功能、靈活性和學術適配性三個方面分析其適用性&#xff1a; 數據可視化庫豐富 R語言擁有ggplot2、lattice、ggpubr等專業繪圖包&#xff0c;支持生成符合SCI期刊要求的高分辨率圖像&#xff08;如TIFF/PDF格式&#…

【Node.js】Web開發框架

個人主頁&#xff1a;Guiat 歸屬專欄&#xff1a;node.js 文章目錄 1. Node.js Web框架概述1.1 Web框架的作用1.2 Node.js主要Web框架生態1.3 框架選擇考慮因素 2. Express.js2.1 Express.js概述2.2 基本用法2.2.1 安裝Express2.2.2 創建基本服務器 2.3 路由2.4 中間件2.5 請求…

PDF 轉 JPG 圖片小工具:CodeBuddy 助力解決轉換痛點

本文所使用的 CodeBuddy 免費下載鏈接&#xff1a;騰訊云代碼助手 CodeBuddy - AI 時代的智能編程伙伴 前言 在數字化辦公與內容創作的浪潮中&#xff0c;將 PDF 文件轉換為 JPG 圖片格式的需求日益頻繁。無論是學術文獻中的圖表提取&#xff0c;還是宣傳資料的視覺化呈現&am…

Linux 文件系統層次結構

Linux 的文件系統遵循 Filesystem Hierarchy Standard (FHS) 標準&#xff0c;其目錄結構是層次化的&#xff0c;每個目錄都有明確的用途。以下是 Linux 中部分目錄的作用解析&#xff1a; 1. 根目錄 / 作用&#xff1a;根目錄是整個文件系統的頂層目錄&#xff0c;所有其他目…

密碼學標準(Cryptography Standards)介紹

密碼學標準(Cryptography Standards)是為確保信息安全傳輸、存儲和處理而制定的一系列技術規范和協議,廣泛應用于通信、金融、互聯網等領域。以下從分類、主流標準、應用場景和發展趨勢四個方面進行詳細介紹: 一、密碼學標準的分類 密碼學標準可根據技術原理和應用場景分…

ubuntu 22.04安裝和使用docker介紹

docker安裝和使用 準備環境常見的docker操作linux系統常用的配置卸載docker 準備環境 本機環境&#xff1a; Linux yz-MS-7E06 6.8.0-59-generic #61~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Tue Apr 15 17:03:15 UTC 2 x86_64 x86_64 x86_64 GNU/Linux安裝依賴軟件&#xff1a;…

obsidian 中的查找和替換插件,支持正則

最近用著 obsidian 時&#xff0c;發現想要在當前文檔中 查找和替換 內容時&#xff0c;沒有自動查找和替換的功能&#xff0c;去插件市場查找也沒有發現好用的插件&#xff0c;那就自己寫一個吧。 全程用的 AI 來寫的&#xff0c;當然&#xff0c;我對 JS/CSS/TypeScript 等沒…

針對vue項目的webpack優化攻略

一、開發階段優化 1. 熱更新加速&#xff08;HMR&#xff09; // vue.config.js module.exports {devServer: {hot: true, // 開啟熱更新injectClient: true, // 自動注入HMR客戶端watchOptions: {ignored: /node_modules/, // 忽略node_modules變化aggregateTimeout: 300…

BTC官網關注巨鯨12億美元平倉,XBIT去中心化交易平臺表現穩定

在全球加密貨幣市場波動加劇的背景下&#xff0c;2025年5月25日傳出重磅消息。據今日最新國際報道&#xff0c;知名巨鯨James Wynn完全平倉價值12億美元的BTC多頭倉位&#xff0c;整體盈利約845萬美元&#xff0c;此舉引發市場廣泛關注。與此同時&#xff0c;收益型穩定幣市場迎…

在WPF中添加動畫背景

在WPF中添加動畫背景 在WPF中創建動畫背景可以大大增強應用程序的視覺效果。以下是幾種實現動畫背景的方法&#xff1a; 方法1&#xff1a;使用動畫ImageBrush&#xff08;圖片輪播&#xff09; <Window x:Class"AnimatedBackground.MainWindow"xmlns"htt…

單點擊登錄sso實現

一、單點登錄&#xff08;SSO&#xff09;是什么&#xff1f; 核心定義 單點登錄&#xff08;Single Sign-On&#xff0c;SSO&#xff09;是一種身份認證解決方案&#xff0c;允許用戶通過一次登錄訪問多個相互信任的應用系統。其核心邏輯是統一認證中心與分布式會話管理&…

JavaWebsocket-demo

Websocket客戶端 pom依賴 <dependency><groupId>org.java-websocket</groupId><artifactId>Java-WebSocket</artifactId><version>1.4.0</version></dependency>客戶端代碼片段 Component Slf4j public class PositionAlarmL…

Java Collection(集合) 接口

Date: 2025-05-21 20:21:32 author: lijianzhan Java 集合框架提供了一組接口和類&#xff0c;以實現各種數據結構和算法。 以下是關于 Java 集合的核心內容說明&#xff1a; /*** Java Collection Framework 說明&#xff1a;** 在 Java 中&#xff0c;集合&#xff08;Collec…

讓MySQL更快:EXPLAIN語句詳盡解析

前言 在數據庫性能調優中&#xff0c;SQL 查詢的執行效率是影響系統整體性能的關鍵因素之一。MySQL 提供了強大的工具——EXPLAIN 語句&#xff0c;幫助開發者和數據庫管理員深入分析查詢的執行計劃&#xff0c;從而發現潛在的性能瓶頸并進行針對性優化。 EXPLAIN 語句能夠模…