课灵h5p-互动视频 (Interactive Video)教程

互动视频(InteractiveVideo)教程互动视频将线性视频转化为可交互的学习体验。通过在时间轴上添加题目、文本、图片热点与分支跳转，学习者可在观看过程中主动参与并形成个性化路径。本教程目标认识互动视频的结构与适用场景掌握视频上传、交互元素配置与分支跳转熟悉书签与摘要的学习收尾设计何时使用互动视频主动学习：将被动观看转变为主动参与，通过视频内的互动题目（如单选、填空）即时检验学习效果。差异化教学：利用适应性(Adaptivity)设置，根据学生的答题情况自动跳转到相应的视频片段（如答错后重看讲解）。深度阅读：使用书签(Bookmarks)和导航热点，将长视频结构化，方便学生快速定位和复习关键知识点。丰富信息：在不中断视频流的情况下，通过弹出式文本/图片/链接提供补充资料或延伸阅读。前置知识InteractiveVideo(互动视频)是一个强大的复合型容器，它允许您在视频流中嵌入各种H5P互动元素。因此，要充分利用此组件，建议您先熟悉各类基础题目组件（如HYPERLINK/docs/tutorials/tasks/single-choice-setnormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkeyo92zzt\tdkeyo92zzt单选(SingleChoiceSet)、HYPERLINK/docs/tutorials/tasks/multiple-choicenormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkey0l5twy\tdkey0l5twy多选(MultipleChoice)、HYPERLINK/docs/tutorials/tasks/fill-in-the-blanksnormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkeyn0w6yq\tdkeyn0w6yq填空(FillintheBlanks)、HYPERLINK/docs/tutorials/tasks/drag-and-dropnormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkeyod41p3\tdkeyod41p3拖拽(DragandDrop)等）的使用方法。本教程将侧重于如何在视频时间轴上添加这些交互，而非讲解子组件的具体配置细节。教程示例下方的示例视频既展示了『互动视频』的最终互动效果，同时也演示了如何在课灵中创建与配置该组件的完整流程。HYPERLINK/content/01k78rcwqwmr8ndwk8g3q6xh6xnormalLink\tdfe-10\tdlttext\tdlfFromDialog\tdtf0\tdsubnormalLink\tdkeymj6ij1点击这里浏览示例互动视频：上传素材、添加题目/热点、设置分支与书签快速复制示例点击HYPERLINK/content/01k78rcwqwmr8ndwk8g3q6xh6xnormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkeyk6fpr5\tdkeyk6fpr5这里➜将示例复制到你的课灵工作区在打开的页面点击"复制"(注意：请确保已登录课灵账号，否则无法复制)随后在生成的副本中点击"编辑"即可查看并操作本教程所示的设置。创建互动视频：分步指南步骤1：创建新内容在课灵工作区点击"创建"，进入H5P编辑器在内容类型列表中选择『InteractiveVideo(互动视频)』或搜索video进入编辑界面。选择互动视频内容类型步骤2：熟悉互动视频编辑器界面进入编辑器后，界面主要由以下三个区域组成：顶部步骤导航(StepNavigation)：步骤1：上传/嵌入影片(Upload/EmbedVideo)：用于添加视频源。步骤2：添加互动元件(AddInteractions)：核心工作区，用于在视频中插入题目和热点。步骤3：总结任务(SummaryTask)：设置视频结束时的总结测验。互动元件栏(Toolbar)：位于视频上方（仅在步骤2显示），包含文本、图片、链接及各类题目的图标。点击图标即可将对应的互动元素添加到当前的时间点。播放控制栏(PlaybackControls)：位于视频下方，包含播放/暂停按钮、音量控制和全屏按钮。书签(Bookmarks)：点击旗帜图标可添加章节标记。时间轴：拖动滑块可精确控制视频进度，方便定位插入点。编辑器顶部的三个步骤导航栏步骤3：上传/嵌入影片在步骤1：上传/嵌入影片选项卡中：添加视频：点击"+"框上传视频文件（支持MP4,WebM）或粘贴在线视频链接。视频质量：建议上传.mp4格式，并尽量提供.webm格式作为备用，以确保在所有浏览器中的兼容性。上传主视频文件步骤4：添加互动元件这是核心编辑界面，您可以在步骤2：添加互动元件选项卡中添加各种互动元素。1.工具栏与交互类型编辑器顶部工具栏提供了多种交互类型：文本/图片/链接：提供静态信息。题目：单选(SingleChoiceSet)、多选(MultipleChoice)、判断(True/False)、填空(FillinBlanks)、拖拽(DragandDrop)等。导航：十字路口(Crossroads)和导航热点(NavigationHotspot)用于跳转。2.添加交互元件的步骤定位时间：播放视频或拖动进度条，停在您希望出现互动的时间点。选择类型：在顶部工具栏点击所需的交互图标（例如“单选”）。配置内容：在弹出的窗口中输入题目内容和选项。保存设置：点击“完成”将交互元件放置到视频画面上。调整位置：直接拖拽画面上的元件以调整其显示位置。3.配置交互显示添加任意交互元件时，您需要设置其显示方式：显示时间(Displaytime)：设置元件出现和消失的时间段（例如1:09.84-1:19.84）。暂停视频(Pausevideo)：勾选后，视频播放到该点时会自动暂停，等待用户操作。显示为(Displayas)：按钮(Button)：显示为一个与其交互类型对应的图标。用户点击后展开。适合辅助性信息。可以在标签(Label)字段输入提示文字（如“考考你”）。海报(Poster)：交互内容直接显示在视频上方。适合必须立即看到的题目或重要信息。注意本教程仅关注如何在时间轴上配置交互行为（如显示时间、暂停、海报/按钮模式）。至于具体的题目内容配置（如设置单选题的选项和答案），请参考各个子组件的独立教程。设置显示时间、暂停行为以及按钮/海报模式4.编辑交互如果您需要修改或删除已添加的交互元件：定位：在时间轴上找到并点击代表该交互的圆点，视频将跳转到对应时间。选中：在视频画面上点击该交互元件（按钮或海报）。操作：点击铅笔图标打开编辑窗口进行修改，完成后点击“完成”。点击垃圾桶图标删除该元件。点击十字箭头拖动调整元件在画面中的位置。编辑互动元素的属性5.适应设定在题目的适应设定(Adaptivity)区域，您可以控制用户的学习路径：没有全部答对时的动作(Actiononwrong)：查看(Seekto)：设置跳转的时间点（如0:04），让答错的用户重看相关片段。信息(Message)：显示提示信息，如“没有全部答对，请重新观看视频。”按钮标签：设置跳转按钮的文字（如“重新观看”）。继续需要全部答对(Requirefullscoretocontinue)：勾选此项可强制用户必须答对才能继续观看视频，防止跳过关键考核点。设置没有全部答对时的跳转行为6.高级分支：十字路口除了通过题目对错进行简单跳转，您还可以使用十字路口(Crossroads)组件创建更复杂的自主选择分支：功能：在视频暂停时提供多个选项按钮，用户点击不同按钮跳转到视频的不同时间点。适用场景：适合创建“选择你的冒险”式的故事线，或让学习者自主选择接下来要学习的模块。配置：为每个选项设置显示的文本和跳转的目标时间码。步骤5：总结任务切换到步骤3：总结任务选项卡。这是视频的最后一步，用于添加一个总结性的测验。工作原理：它本质上是一组陈述(Statements)题。系统会依次展示几组陈述句，学习者需要从每一组中选出那个正确的陈述。它会在视频播放结束前（默认前3秒）自动弹出，占据整个播放器画面。设计建议：聚焦核心：利用这个机会重申视频中最重要的2-3个结论，帮助学习者回顾和巩固刚刚学到的核心概念。层层递进：建议创建多组陈述。第一组确认基础事实，后续组别确认原理或应用，引导学习者逐步深化理解。步骤6：添加书签书签功能允许您为视频的关键节点添加快速跳转链接，相当于视频的"目录"。打开书签菜单：点击视频播放器左侧的书签图标（通常在进度条旁边）。定位时间点：将视频播放或拖动到您想要添加书签的位置。添加书签：点击『添加书签』(Addbookmark)按钮。输入标签：输入书签的名称（例如"第一章：简介"），按回车键确认。通过书签菜单为视频添加导航节点步骤7：行为设置在编辑器底部的行为设置区域，您可以自定义视频的播放和交互逻辑：影片开始时间：指定视频从特定的时间点开始播放（格式如M:SS）。自动播放与循环：影片自动播放：勾选后视频加载即播放。注意：部分浏览器或移动设备可能会阻止自动播放。影片循环播放：播放结束后自动重新开始。覆盖按钮设置：覆盖「显示答案」按钮：全局控制是否显示互动题目的"显示答案"按钮（启用/禁用）。覆盖「重试」按钮：全局控制是否允许用户重试题目。书签与导航：从打开书签选单开始：勾选后，视频加载时书签菜单会自动展开，方便用户概览结构。回放10秒显示按钮：添加一个"回退10秒"的按钮，方便快速重听。禁用导航：您可以选择禁用"快进"、"快退"或两者皆禁，以强制用户完整观看（常用于合规培训）。互斥设置如果您选择了禁用快进(Preventskippingforward)，书签功能将失效，因为书签本质上是一种跳转行为。此时点击书签将无法跳转到视频的对应位置。配置自动播放、按钮覆盖及导航限制步骤8：保存与预览点击『保存并关闭』生成完整的示例内容。您现在应该有一个与本教程HYPERLINK/docs/tutorials/composite/interactive-video#%E6%95%99%E7%A8%8B%E7%A4%BA%E4%BE%8BnormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltinline\tdds\tdfvi\tdlf\tdtf\l\tdsubnormalLink\tdkeykjpuyc\tdkeykjpuyc顶部示例类似的结果。交互说明暂停与播放：交互元素（如题目）出现时，视频可以设置为自动暂停，等待用户操作后再继续播放。用户也可以随时点击播放器下方的暂停按钮。即时反馈：提交答案后，系统会立即给出正确与否的反馈。如果设置了适应性跳转，答错后可能会自动跳转到视频的前面部分进行复习。书签导航：点击播放器左侧的书签图标，可以快速跳转到视频的各个章节。如果作者禁用了快进功能，未观看的部分将无法通过进度条或书签跳转。优化与可访问性为了确保您的互动视频既高效又包容，请关注以下建议：视频源优化：始终提供.mp4格式作为主源，并补充.webm格式以兼容不同浏览器。建议将视频文件大小控制在合理范围内（如使用HandBrake进行压缩）。字幕(Subtitles/Captions)：强烈建议上传.vtt格式的字幕文件，不仅有助于听障人士，也方便在静音环境下学习。键盘可访问性：确保所有的交互按钮（包括覆盖层中的题目）都可以通过键盘（Tab键和Enter键）进行操作。颜色与对比度：在设计海报或文本覆盖层时，确保文字与背景之间有足够的对比度（符合WCAGAA标准）。专家建议控制交互频率：不要让视频被互动打断得太频繁。建议每2-3分钟插入一次互动，给学习者留出消化信息的时间。善用"海报"模式：对于必须立即引起注意的题目，使用海报(Poster)模式直接覆盖画面；对于补充性信息，使用按钮(Button)模式，让感兴趣的用户自行点击。避免死胡同：在设计分支跳转时，务必画出流程图，确保每条路径最终都能汇入主线或达成学习目标，避免用户陷入无限循环。组件选择建议：如果您的核心素材是视频流，请选择HYPERLINK/docs/tutorials/composite/interactive-videonormalLink\tdft\tdfe-10\tdfid\tddp\tdop\tdltin