mirror of
https://github.com/h5p/h5p-interactive-video.git
synced 2026-03-06 12:32:55 +08:00
671 lines
22 KiB
JSON
671 lines
22 KiB
JSON
[
|
|
{
|
|
"name": "interactiveVideo",
|
|
"type": "group",
|
|
"widget": "wizard",
|
|
"label": "Interactive Video Editor",
|
|
"fields": [
|
|
{
|
|
"name": "video",
|
|
"type": "group",
|
|
"label": "Upload/embed video",
|
|
"fields": [
|
|
{
|
|
"name": "files",
|
|
"type": "video",
|
|
"label": "Video files",
|
|
"description": "Select the video files you wish to use in your interactive video. To ensure maximum support in browsers at least add a version of the video in webm and mp4 formats."
|
|
},
|
|
{
|
|
"name": "advancedSettings",
|
|
"type": "group",
|
|
"label": "Advanced settings",
|
|
"fields": [
|
|
{
|
|
"name": "title",
|
|
"type": "text",
|
|
"label": "The title of this interactive video",
|
|
"maxLength": 60,
|
|
"default": "Interactive Video",
|
|
"description": "Used in summaries, statistics etc."
|
|
},
|
|
{
|
|
"name": "copyright",
|
|
"type": "text",
|
|
"widget": "html",
|
|
"enterMode": "p",
|
|
"label": "Video copyright information",
|
|
"optional": true,
|
|
"description": "Information regarding copyright of the video and elements used in the video.",
|
|
"tags": [
|
|
"strong",
|
|
"em",
|
|
"del",
|
|
"a"
|
|
]
|
|
},
|
|
{
|
|
"name": "startScreenOptions",
|
|
"type": "group",
|
|
"label": "Video start screen options",
|
|
"optional": true,
|
|
"fields": [
|
|
{
|
|
"name": "poster",
|
|
"type": "image",
|
|
"label": "Poster image",
|
|
"optional": true,
|
|
"description": "Image displayed before the user launches the video. Does not work for YouTube Videos."
|
|
},
|
|
{
|
|
"name": "hideStartTitle",
|
|
"type": "boolean",
|
|
"label": "Hide title on video start screen",
|
|
"optional": true,
|
|
"default": false
|
|
},
|
|
{
|
|
"name": "shortStartDescription",
|
|
"type": "text",
|
|
"label": "Short description (Optional)",
|
|
"optional": true,
|
|
"maxLength": 120,
|
|
"description": "Optional. Display a short description text on the video start screen. Does not work for YouTube videos."
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "assets",
|
|
"type": "group",
|
|
"label": "Add interactions",
|
|
"widget": "interactiveVideo",
|
|
"video": "video/files",
|
|
"poster": "video/advancedSettings/startScreenOptions/poster",
|
|
"fields": [
|
|
{
|
|
"name": "interactions",
|
|
"type": "list",
|
|
"field": {
|
|
"name": "interaction",
|
|
"type": "group",
|
|
"fields": [
|
|
{
|
|
"name": "duration",
|
|
"type": "group",
|
|
"widget": "duration",
|
|
"label": "Display time",
|
|
"fields": [
|
|
{
|
|
"name": "from",
|
|
"type": "number"
|
|
},
|
|
{
|
|
"name": "to",
|
|
"type": "number"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "pause",
|
|
"label": "Pause video",
|
|
"type": "boolean"
|
|
},
|
|
{
|
|
"name": "displayType",
|
|
"label": "Display as",
|
|
"description": "<b>Button</b> is a collapsed interaction the user must press to open. <b>Poster</b> is an expanded interaction displayed directly on top of the video",
|
|
"type": "select",
|
|
"widget": "imageRadioButtonGroup",
|
|
"options": [
|
|
{
|
|
"value": "button",
|
|
"label": "Button"
|
|
},
|
|
{
|
|
"value": "poster",
|
|
"label": "Poster"
|
|
}
|
|
],
|
|
"default": "button"
|
|
},
|
|
{
|
|
"name": "label",
|
|
"type": "text",
|
|
"widget": "html",
|
|
"label": "Label",
|
|
"description": "Label displayed next to interaction icon.",
|
|
"optional": true,
|
|
"enterMode": "p",
|
|
"tags": [
|
|
"p"
|
|
]
|
|
},
|
|
{
|
|
"name": "x",
|
|
"type": "number",
|
|
"widget": "none"
|
|
},
|
|
{
|
|
"name": "y",
|
|
"type": "number",
|
|
"widget": "none"
|
|
},
|
|
{
|
|
"name": "width",
|
|
"type": "number",
|
|
"widget": "none",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "height",
|
|
"type": "number",
|
|
"widget": "none",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "action",
|
|
"type": "library",
|
|
"options": [
|
|
"H5P.Nil 1.0",
|
|
"H5P.Text 1.1",
|
|
"H5P.Table 1.1",
|
|
"H5P.Link 1.2",
|
|
"H5P.Image 1.0",
|
|
"H5P.Summary 1.5",
|
|
"H5P.SingleChoiceSet 1.5",
|
|
"H5P.MultiChoice 1.8",
|
|
"H5P.Blanks 1.7",
|
|
"H5P.DragQuestion 1.7",
|
|
"H5P.MarkTheWords 1.6",
|
|
"H5P.DragText 1.5",
|
|
"H5P.GoToQuestion 1.1",
|
|
"H5P.IVHotspot 1.0",
|
|
"H5P.Questionnaire 1.0"
|
|
]
|
|
},
|
|
{
|
|
"name": "adaptivity",
|
|
"type": "group",
|
|
"label": "Adaptivity",
|
|
"optional": true,
|
|
"fields": [
|
|
{
|
|
"name": "correct",
|
|
"type": "group",
|
|
"label": "Action on all correct",
|
|
"fields": [
|
|
{
|
|
"name": "seekTo",
|
|
"type": "number",
|
|
"widget": "timecode",
|
|
"label": "Seek to",
|
|
"description": "Enter timecode in the format M:SS"
|
|
},
|
|
{
|
|
"name": "allowOptOut",
|
|
"type": "boolean",
|
|
"label": "Allow the user to opt out and continue"
|
|
},
|
|
{
|
|
"name": "message",
|
|
"type": "text",
|
|
"widget": "html",
|
|
"enterMode": "p",
|
|
"tags": [
|
|
"strong",
|
|
"em",
|
|
"del",
|
|
"a"
|
|
],
|
|
"label": "Message"
|
|
},
|
|
{
|
|
"name": "seekLabel",
|
|
"type": "text",
|
|
"label": "Label for seek button"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "wrong",
|
|
"type": "group",
|
|
"label": "Action on wrong",
|
|
"fields": [
|
|
{
|
|
"name": "seekTo",
|
|
"type": "number",
|
|
"widget": "timecode",
|
|
"label": "Seek to",
|
|
"description": "Enter timecode in the format M:SS"
|
|
},
|
|
{
|
|
"name": "allowOptOut",
|
|
"type": "boolean",
|
|
"label": "Allow the user to opt out and continue"
|
|
},
|
|
{
|
|
"name": "message",
|
|
"type": "text",
|
|
"widget": "html",
|
|
"enterMode": "p",
|
|
"tags": [
|
|
"strong",
|
|
"em",
|
|
"del",
|
|
"a"
|
|
],
|
|
"label": "Message"
|
|
},
|
|
{
|
|
"name": "seekLabel",
|
|
"type": "text",
|
|
"label": "Label for seek button"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "visuals",
|
|
"label": "Visuals",
|
|
"type": "group",
|
|
"fields": [
|
|
{
|
|
"name": "backgroundColor",
|
|
"type": "text",
|
|
"label": "Background color",
|
|
"widget": "colorSelector",
|
|
"default": "rgb(255, 255, 255)",
|
|
"spectrum": {
|
|
"showInput": true,
|
|
"showAlpha": true,
|
|
"preferredFormat": "rgb",
|
|
"showPalette": true,
|
|
"palette": [
|
|
[
|
|
"rgba(0, 0, 0, 0)"
|
|
],
|
|
[
|
|
"rgb(67, 67, 67)",
|
|
"rgb(102, 102, 102)",
|
|
"rgb(204, 204, 204)",
|
|
"rgb(217, 217, 217)",
|
|
"rgb(255, 255, 255)"
|
|
],
|
|
[
|
|
"rgb(152, 0, 0)",
|
|
"rgb(255, 0, 0)",
|
|
"rgb(255, 153, 0)",
|
|
"rgb(255, 255, 0)",
|
|
"rgb(0, 255, 0)",
|
|
"rgb(0, 255, 255)",
|
|
"rgb(74, 134, 232)",
|
|
"rgb(0, 0, 255)",
|
|
"rgb(153, 0, 255)",
|
|
"rgb(255, 0, 255)"
|
|
],
|
|
[
|
|
"rgb(230, 184, 175)",
|
|
"rgb(244, 204, 204)",
|
|
"rgb(252, 229, 205)",
|
|
"rgb(255, 242, 204)",
|
|
"rgb(217, 234, 211)",
|
|
"rgb(208, 224, 227)",
|
|
"rgb(201, 218, 248)",
|
|
"rgb(207, 226, 243)",
|
|
"rgb(217, 210, 233)",
|
|
"rgb(234, 209, 220)",
|
|
"rgb(221, 126, 107)",
|
|
"rgb(234, 153, 153)",
|
|
"rgb(249, 203, 156)",
|
|
"rgb(255, 229, 153)",
|
|
"rgb(182, 215, 168)",
|
|
"rgb(162, 196, 201)",
|
|
"rgb(164, 194, 244)",
|
|
"rgb(159, 197, 232)",
|
|
"rgb(180, 167, 214)",
|
|
"rgb(213, 166, 189)",
|
|
"rgb(204, 65, 37)",
|
|
"rgb(224, 102, 102)",
|
|
"rgb(246, 178, 107)",
|
|
"rgb(255, 217, 102)",
|
|
"rgb(147, 196, 125)",
|
|
"rgb(118, 165, 175)",
|
|
"rgb(109, 158, 235)",
|
|
"rgb(111, 168, 220)",
|
|
"rgb(142, 124, 195)",
|
|
"rgb(194, 123, 160)",
|
|
"rgb(166, 28, 0)",
|
|
"rgb(204, 0, 0)",
|
|
"rgb(230, 145, 56)",
|
|
"rgb(241, 194, 50)",
|
|
"rgb(106, 168, 79)",
|
|
"rgb(69, 129, 142)",
|
|
"rgb(60, 120, 216)",
|
|
"rgb(61, 133, 198)",
|
|
"rgb(103, 78, 167)",
|
|
"rgb(166, 77, 121)",
|
|
"rgb(91, 15, 0)",
|
|
"rgb(102, 0, 0)",
|
|
"rgb(120, 63, 4)",
|
|
"rgb(127, 96, 0)",
|
|
"rgb(39, 78, 19)",
|
|
"rgb(12, 52, 61)",
|
|
"rgb(28, 69, 135)",
|
|
"rgb(7, 55, 99)",
|
|
"rgb(32, 18, 77)",
|
|
"rgb(76, 17, 48)"
|
|
]
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"name": "boxShadow",
|
|
"type": "boolean",
|
|
"label": "Box shadow",
|
|
"default": true,
|
|
"description": "Adds a subtle shadow around the interaction. You might want to disable this for completely transparent interactions"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "goto",
|
|
"label": "Go to on click",
|
|
"type": "group",
|
|
"fields": [
|
|
{
|
|
"name": "type",
|
|
"label": "Type",
|
|
"type": "select",
|
|
"widget": "selectToggleFields",
|
|
"options": [
|
|
{
|
|
"value": "timecode",
|
|
"label": "Timecode",
|
|
"hideFields": [
|
|
"url"
|
|
]
|
|
},
|
|
{
|
|
"value": "url",
|
|
"label": "Another page (URL)",
|
|
"hideFields": [
|
|
"time"
|
|
]
|
|
}
|
|
],
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "time",
|
|
"type": "number",
|
|
"widget": "timecode",
|
|
"label": "Go To",
|
|
"description": "The target time the user will be taken to upon pressing the hotspot. Enter timecode in the format M:SS.",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "url",
|
|
"type": "group",
|
|
"label": "URL",
|
|
"widget": "linkWidget",
|
|
"optional": true,
|
|
"fields": [
|
|
{
|
|
"name": "protocol",
|
|
"type": "select",
|
|
"label": "Protocol",
|
|
"options": [
|
|
{
|
|
"value": "http://",
|
|
"label": "http://"
|
|
},
|
|
{
|
|
"value": "https://",
|
|
"label": "https://"
|
|
},
|
|
{
|
|
"value": "/",
|
|
"label": "(root relative)"
|
|
},
|
|
{
|
|
"value": "other",
|
|
"label": "other"
|
|
}
|
|
],
|
|
"optional": true,
|
|
"default": "http://"
|
|
},
|
|
{
|
|
"name": "url",
|
|
"type": "text",
|
|
"label": "URL",
|
|
"optional": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "visualize",
|
|
"type": "boolean",
|
|
"label": "Visualize",
|
|
"description": "Show that interaction can be clicked by adding a border and an icon"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"name": "bookmarks",
|
|
"type": "list",
|
|
"field": {
|
|
"name": "bookmark",
|
|
"type": "group",
|
|
"fields": [
|
|
{
|
|
"name": "time",
|
|
"type": "number"
|
|
},
|
|
{
|
|
"name": "label",
|
|
"type": "text"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "summary",
|
|
"type": "group",
|
|
"label": "Summary task",
|
|
"fields": [
|
|
{
|
|
"name": "task",
|
|
"type": "library",
|
|
"options": [
|
|
"H5P.Summary 1.5"
|
|
],
|
|
"default": {
|
|
"library": "H5P.Summary 1.5",
|
|
"params": {}
|
|
}
|
|
},
|
|
{
|
|
"name": "displayAt",
|
|
"type": "number",
|
|
"label": "Display at",
|
|
"description": "Number of seconds before the video ends.",
|
|
"default": 3
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "override",
|
|
"type": "group",
|
|
"label": "Behavioural settings",
|
|
"optional": true,
|
|
"fields": [
|
|
{
|
|
"name": "showSolutionButton",
|
|
"type": "select",
|
|
"label": "Override \"Show Solution\" button",
|
|
"description": "This option determines if the \"Show Solution\" button will be shown for all questions, disabled for all or configured for each question individually.",
|
|
"optional": true,
|
|
"options": [
|
|
{
|
|
"value": "on",
|
|
"label": "Enabled"
|
|
},
|
|
{
|
|
"value": "off",
|
|
"label": "Disabled"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "retryButton",
|
|
"type": "select",
|
|
"label": "Override \"Retry\" button",
|
|
"description": "This option determines if the \"Retry\" button will be shown for all questions, disabled for all or configured for each question individually.",
|
|
"optional": true,
|
|
"options": [
|
|
{
|
|
"value": "on",
|
|
"label": "Enabled"
|
|
},
|
|
{
|
|
"value": "off",
|
|
"label": "Disabled"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "showBookmarksmenuOnLoad",
|
|
"type": "boolean",
|
|
"label": "Start with bookmarks menu open",
|
|
"default": false,
|
|
"description": "This function is not available on iPad when using YouTube as video source"
|
|
},
|
|
{
|
|
"name": "showRewind10",
|
|
"type": "boolean",
|
|
"label": "Show button for rewinding 10 seconds",
|
|
"default": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "l10n",
|
|
"type": "group",
|
|
"label": "Localize",
|
|
"common": true,
|
|
"optional": true,
|
|
"fields": [
|
|
{
|
|
"name": "interaction",
|
|
"type": "text",
|
|
"label": "Interaction title",
|
|
"default": "Interaction",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "play",
|
|
"type": "text",
|
|
"label": "Play title",
|
|
"default": "Play",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "pause",
|
|
"type": "text",
|
|
"label": "Pause title",
|
|
"default": "Pause",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "mute",
|
|
"type": "text",
|
|
"label": "Mute title",
|
|
"default": "Mute",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "unmute",
|
|
"type": "text",
|
|
"label": "Unmute title",
|
|
"default": "Unmute",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "quality",
|
|
"type": "text",
|
|
"label": "Video quality title",
|
|
"default": "Video Quality",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "fullscreen",
|
|
"type": "text",
|
|
"label": "Fullscreen title",
|
|
"default": "Fullscreen",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "exitFullscreen",
|
|
"type": "text",
|
|
"label": "Exit fullscreen title",
|
|
"default": "Exit Fullscreen",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "summary",
|
|
"type": "text",
|
|
"label": "Summary title",
|
|
"default": "Summary",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "bookmarks",
|
|
"type": "text",
|
|
"label": "Bookmarks title",
|
|
"default": "Bookmarks",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "defaultAdaptivitySeekLabel",
|
|
"type": "text",
|
|
"label": "Default label for adaptivity seek button",
|
|
"default": "Continue",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "continueWithVideo",
|
|
"type": "text",
|
|
"label": "Default label for continue video button",
|
|
"default": "Continue with video",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "playbackRate",
|
|
"type": "text",
|
|
"label": "Set playback rate",
|
|
"default": "Playback Rate",
|
|
"optional": true
|
|
},
|
|
{
|
|
"name": "rewind10",
|
|
"type": "text",
|
|
"label": "Rewind 10 Seconds",
|
|
"default": "Rewind 10 Seconds",
|
|
"optional": true
|
|
}
|
|
]
|
|
}
|
|
]
|
