{ "project": { "name": "TVET - paip", "startNodeId": "_17", "settings": { "showControls": true, "controlMode": "standard", "controlPosition": "bottom", "autoHide": true, "allowSeeking": true, "showProgress": true, "showPlayBtn": true, "showPauseBtn": true, "showRewindBtn": true, "showForwardBtn": true, "showMuteBtn": true, "showFsBtn": true, "showReplayBtn": true, "accentColor": "#4a9eff", "playIcon": "", "pauseIcon": "", "seekIcon": "", "muteIcon": "", "fsIcon": "", "replayIcon": "", "overlayImg": "", "overlayImgSize": "cover", "overlayImgPos": "center", "overlayImgOpacity": 1, "endBehavior": "pause", "videoFit": "cover", "videoBasePath": "./videos/", "transition": "dissolve", "transitionDuration": 600, "choiceTitle": "What do you choose?", "choiceSubtitle": "Select an option to continue", "showChoiceOverlay": true, "loadingText": "Loading...", "loadingBg": "#000000", "autoPlay": true, "audioSource": "video", "bgmFile": "", "bgmVolume": 0.5, "ctrlPositions": null }, "startVideoId": "_17" }, "videos": [ { "id": "_17", "name": "paip1", "src": "./videos/paip/paip1.mp4", "filename": "paip1.mp4", "duration": 6.041667, "nodeX": 359.96969696969694, "nodeY": -77.27272727272727, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" }, { "id": "_18", "name": "paip3", "src": "./videos/paip/paip3.mp4", "filename": "paip3.mp4", "duration": 6.041667, "nodeX": 245.35353535353534, "nodeY": 140.4006734006734, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" }, { "id": "_20", "name": "paip9", "src": "./videos/paip/paip9.mp4", "filename": "paip9.mp4", "duration": 6.041667, "nodeX": 545.2152014652014, "nodeY": 145.51282051282044, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" }, { "id": "_22", "name": "paip4", "src": "./videos/paip/paip4.mp4", "filename": "paip4.mp4", "duration": 6.041667, "nodeX": 621.5608465608465, "nodeY": 471.9576719576719, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" }, { "id": "_29", "name": "paip6-1", "src": "./videos/paip/paip6-1.mp4", "filename": "paip6-1.mp4", "duration": 6.041667, "nodeX": 185.41666666666666, "nodeY": 481.25, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" }, { "id": "_31", "name": "paip7", "src": "./videos/paip/paip7.mp4", "filename": "paip7.mp4", "duration": 6.041667, "nodeX": 103.03030303030303, "nodeY": 713.4469696969697, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" }, { "id": "_38", "name": "paip11", "src": "./videos/paip/paip11.mp4", "filename": "paip11.mp4", "duration": 6.041667, "nodeX": 183.10023310023303, "nodeY": 1009.6736596736594, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" }, { "id": "_40", "name": "paip10", "src": "./videos/paip/paip10.mp4", "filename": "paip10.mp4", "duration": 6.041667, "nodeX": -80.4195804195804, "nodeY": 1006.293706293706, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" }, { "id": "_43", "name": "paip12", "src": "./videos/paip/paip12.mp4", "filename": "paip12.mp4", "duration": 6.041667, "nodeX": 501.28205128205116, "nodeY": 699.1841491841489, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" }, { "id": "_44", "name": "paip5", "src": "./videos/paip/paip5.mp4", "filename": "paip5.mp4", "duration": 6.041667, "nodeX": 861.5384615384613, "nodeY": 712.8205128205126, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" }, { "id": "_46", "name": "paip13", "src": "./videos/paip/paip13.mp4", "filename": "paip13.mp4", "duration": 6.041667, "nodeX": 498.4848484848483, "nodeY": 965.1515151515148, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" }, { "id": "_48", "name": "paip14", "src": "./videos/paip/paip14.mp4", "filename": "paip14.mp4", "duration": 6.041667, "nodeX": 493.9393939393938, "nodeY": 1262.1212121212118, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" }, { "id": "_49", "name": "paip15", "src": "./videos/paip/paip15.mp4", "filename": "paip15.mp4", "duration": 6.041667, "nodeX": 772.7272727272725, "nodeY": 1260.6060606060605, "startTransition": "", "endTransition": "", "endBehavior": "", "audioMode": "", "audioFile": "", "audioLoop": true, "overlayImg": "" } ], "connections": [ { "id": "_19", "fromVideoId": "_17", "toVideoId": "_18", "label": "", "color": "#4a9eff", "fromPortId": "_17", "isDirectFlow": true, "transition": "" }, { "id": "_28", "fromVideoId": "_18", "toVideoId": "_22", "label": "Belajar Tentang Air Bersih", "color": "#4a9eff", "fromPortId": "_23", "isDirectFlow": false, "transition": "" }, { "id": "_30", "fromVideoId": "_18", "toVideoId": "_29", "label": "Belajar tentang Air Kotor", "color": "#4a9eff", "fromPortId": "_24", "isDirectFlow": false, "transition": "" }, { "id": "_32", "fromVideoId": "_29", "toVideoId": "_31", "label": "", "color": "#4a9eff", "fromPortId": "_29", "isDirectFlow": true, "transition": "" }, { "id": "_34", "fromVideoId": "_22", "toVideoId": "_20", "label": "Dari mana datangnya air yang masuk ke tangki", "color": "#4a9eff", "fromPortId": "_33", "isDirectFlow": false, "transition": "" }, { "id": "_35", "fromVideoId": "_20", "toVideoId": "_22", "label": "", "color": "#4a9eff", "fromPortId": "_20", "isDirectFlow": true, "transition": "" }, { "id": "_41", "fromVideoId": "_31", "toVideoId": "_40", "label": "Sistem Pembetungan", "color": "#4a9eff", "fromPortId": "_39", "isDirectFlow": false, "transition": "" }, { "id": "_42", "fromVideoId": "_31", "toVideoId": "_38", "label": "Tangki Septik", "color": "#4a9eff", "fromPortId": "_37", "isDirectFlow": false, "transition": "" }, { "id": "_45", "fromVideoId": "_22", "toVideoId": "_44", "label": "", "color": "#4a9eff", "fromPortId": "_22", "isDirectFlow": true, "transition": "" }, { "id": "_47", "fromVideoId": "_43", "toVideoId": "_46", "label": "", "color": "#4a9eff", "fromPortId": "_43", "isDirectFlow": true, "transition": "" }, { "id": "_53", "fromVideoId": "_46", "toVideoId": "_49", "label": "Tatacara penyambungan paip keluli", "color": "#4a9eff", "fromPortId": "_51", "isDirectFlow": false, "transition": "" }, { "id": "_54", "fromVideoId": "_46", "toVideoId": "_48", "label": "Tatacara Penyambungan Paip PVC", "color": "#4a9eff", "fromPortId": "_50", "isDirectFlow": false, "transition": "" }, { "id": "_55", "fromVideoId": "_44", "toVideoId": "_18", "label": "", "color": "#4a9eff", "fromPortId": "_44", "isDirectFlow": true, "transition": "" }, { "id": "_57", "fromVideoId": "_18", "toVideoId": "_43", "label": "Alat dan cara memperbaiki paip", "color": "#4a9eff", "fromPortId": "_56", "isDirectFlow": false, "transition": "" }, { "id": "_58", "fromVideoId": "_48", "toVideoId": "_43", "label": "", "color": "#4a9eff", "fromPortId": "_48", "isDirectFlow": true, "transition": "" }, { "id": "_59", "fromVideoId": "_49", "toVideoId": "_43", "label": "", "color": "#4a9eff", "fromPortId": "_49", "isDirectFlow": true, "transition": "" }, { "id": "_61", "fromVideoId": "_43", "toVideoId": "_17", "label": "Kembali", "color": "#4a9eff", "fromPortId": "_60", "isDirectFlow": false, "transition": "" }, { "id": "_63", "fromVideoId": "_40", "toVideoId": "_31", "label": "", "color": "#4a9eff", "fromPortId": "_40", "isDirectFlow": true, "transition": "" }, { "id": "_64", "fromVideoId": "_38", "toVideoId": "_31", "label": "", "color": "#4a9eff", "fromPortId": "_38", "isDirectFlow": true, "transition": "" }, { "id": "_65", "fromVideoId": "_31", "toVideoId": "_18", "label": "Kembali", "color": "#4a9eff", "fromPortId": "_62", "isDirectFlow": false, "transition": "" } ], "interactions": [ { "id": "_23", "videoId": "_18", "type": "button", "label": "Belajar Tentang Air Bersih", "startTime": 1, "endTime": 6, "x": 27, "y": 66, "w": 24, "h": 14, "clickable": true, "action": { "type": "jumpToVideo", "targetVideoId": "_22", "value": "", "pauseVideo": true }, "style": { "backgroundColor": "#4a9eff", "textColor": "#ffffff", "icon": "", "image": "", "borderWidth": 0, "borderColor": "#fff", "borderRadius": 8, "shadow": "", "transparent": false, "animateIn": "", "animateOut": "", "animateAttention": "", "fontSize": 16, "fontWeight": "600", "fontStyle": "normal", "textAlign": "center", "fontFamily": "", "verticalAlign": "center", "textDecoration": "none", "lineHeight": 1.3, "letterSpacing": 0, "textTransform": "none", "textShadow": "", "customCss": "", "opacity": 1, "shapeType": "" }, "vpPos": { "desktop": { "x": 27, "y": 66, "w": 24, "h": 14 }, "tablet": { "x": 26, "y": 80, "w": 33, "h": 17 }, "mobileP": { "x": 49, "y": 70, "w": 87, "h": 12 }, "mobileL": { "x": 23, "y": 68, "w": 27, "h": 16 } } }, { "id": "_24", "videoId": "_18", "type": "button", "label": "Belajar tentang Air Kotor", "startTime": 1, "endTime": 6, "x": 72, "y": 27, "w": 25, "h": 15, "clickable": true, "action": { "type": "jumpToVideo", "targetVideoId": "_29", "value": "", "pauseVideo": true }, "style": { "backgroundColor": "#ff4d4d", "textColor": "#ffffff", "icon": "", "image": "", "borderWidth": 0, "borderColor": "#fff", "borderRadius": 8, "shadow": "", "transparent": false, "animateIn": "", "animateOut": "", "animateAttention": "", "fontSize": 16, "fontWeight": "600", "fontStyle": "normal", "textAlign": "center", "fontFamily": "", "verticalAlign": "center", "textDecoration": "none", "lineHeight": 1.3, "letterSpacing": 0, "textTransform": "none", "textShadow": "", "customCss": "", "opacity": 1, "shapeType": "" }, "vpPos": { "desktop": { "x": 72, "y": 27, "w": 25, "h": 15 }, "tablet": { "x": 73, "y": 28, "w": 33, "h": 15 }, "mobileP": { "x": 48, "y": 55, "w": 87, "h": 13 }, "mobileL": { "x": 73, "y": 30, "w": 24, "h": 16 } } }, { "id": "_33", "videoId": "_22", "type": "button", "label": "Dari mana datangnya air yang masuk ke tangki", "startTime": 1, "endTime": 6, "x": 30, "y": 16, "w": 40, "h": 16, "clickable": true, "action": { "type": "jumpToVideo", "targetVideoId": "_20", "value": "", "pauseVideo": true }, "style": { "backgroundColor": "#4a9eff", "textColor": "#ffffff", "icon": "", "image": "", "borderWidth": 0, "borderColor": "#fff", "borderRadius": 8, "shadow": "", "transparent": false, "animateIn": "", "animateOut": "", "animateAttention": "", "fontSize": 16, "fontWeight": "600", "fontStyle": "normal", "textAlign": "center", "fontFamily": "", "verticalAlign": "center", "textDecoration": "none", "lineHeight": 1.3, "letterSpacing": 0, "textTransform": "none", "textShadow": "", "customCss": "", "opacity": 1, "shapeType": "" }, "vpPos": { "desktop": { "x": 30, "y": 16, "w": 40, "h": 16 }, "tablet": { "x": 33, "y": 13, "w": 50, "h": 13 }, "mobileP": { "x": 50, "y": 9, "w": 81, "h": 11 }, "mobileL": { "x": 30, "y": 19, "w": 36, "h": 17 } } }, { "id": "_37", "videoId": "_31", "type": "button", "label": "Tangki Septik", "startTime": 1, "endTime": 6, "x": 84, "y": 29, "w": 15, "h": 8, "clickable": true, "action": { "type": "jumpToVideo", "targetVideoId": "_38", "value": "", "pauseVideo": true }, "style": { "backgroundColor": "#4a9eff", "textColor": "#ffffff", "icon": "", "image": "", "borderWidth": 0, "borderColor": "#fff", "borderRadius": 8, "shadow": "", "transparent": false, "animateIn": "", "animateOut": "", "animateAttention": "", "fontSize": 16, "fontWeight": "600", "fontStyle": "normal", "textAlign": "center", "fontFamily": "", "verticalAlign": "center", "textDecoration": "none", "lineHeight": 1.3, "letterSpacing": 0, "textTransform": "none", "textShadow": "", "customCss": "", "opacity": 1, "shapeType": "" }, "vpPos": { "desktop": { "x": 84, "y": 29, "w": 15, "h": 8 }, "tablet": { "x": 83, "y": 32, "w": 15, "h": 8 }, "mobileP": { "x": 51, "y": 17, "w": 55, "h": 12 }, "mobileL": { "x": 79, "y": 25, "w": 15, "h": 8 } } }, { "id": "_39", "videoId": "_31", "type": "button", "label": "Sistem Pembetungan", "startTime": 1, "endTime": 6, "x": 78, "y": 74, "w": 21, "h": 11, "clickable": true, "action": { "type": "jumpToVideo", "targetVideoId": "_40", "value": "", "pauseVideo": true }, "style": { "backgroundColor": "#ffcf4d", "textColor": "#ffffff", "icon": "", "image": "", "borderWidth": 0, "borderColor": "#fff", "borderRadius": 8, "shadow": "", "transparent": false, "animateIn": "", "animateOut": "", "animateAttention": "", "fontSize": 16, "fontWeight": "600", "fontStyle": "normal", "textAlign": "center", "fontFamily": "", "verticalAlign": "center", "textDecoration": "none", "lineHeight": 1.3, "letterSpacing": 0, "textTransform": "none", "textShadow": "", "customCss": "", "opacity": 1, "shapeType": "" }, "vpPos": { "desktop": { "x": 78, "y": 74, "w": 21, "h": 11 }, "tablet": { "x": 82, "y": 70, "w": 27, "h": 13 }, "mobileP": { "x": 52, "y": 85, "w": 58, "h": 13 }, "mobileL": { "x": 76, "y": 77, "w": 20, "h": 11 } } }, { "id": "_50", "videoId": "_46", "type": "button", "label": "Tatacara Penyambungan Paip PVC", "startTime": 1, "endTime": 6, "x": 22, "y": 29, "w": 29, "h": 12, "clickable": true, "action": { "type": "jumpToVideo", "targetVideoId": "_48", "value": "", "pauseVideo": true }, "style": { "backgroundColor": "#4a9eff", "textColor": "#ffffff", "icon": "", "image": "", "borderWidth": 0, "borderColor": "#fff", "borderRadius": 8, "shadow": "", "transparent": false, "animateIn": "", "animateOut": "", "animateAttention": "", "fontSize": 16, "fontWeight": "600", "fontStyle": "normal", "textAlign": "center", "fontFamily": "", "verticalAlign": "center", "textDecoration": "none", "lineHeight": 1.3, "letterSpacing": 0, "textTransform": "none", "textShadow": "", "customCss": "", "opacity": 1, "shapeType": "" }, "vpPos": { "desktop": { "x": 22, "y": 29, "w": 29, "h": 12 }, "tablet": { "x": 29, "y": 26, "w": 39, "h": 12 }, "mobileP": { "x": 40, "y": 11, "w": 63, "h": 15 }, "mobileL": { "x": 25, "y": 29, "w": 27, "h": 15 } } }, { "id": "_51", "videoId": "_46", "type": "button", "label": "Tatacara penyambungan paip keluli", "startTime": 1, "endTime": 6, "x": 79, "y": 24, "w": 31, "h": 18, "clickable": true, "action": { "type": "jumpToVideo", "targetVideoId": "_49", "value": "", "pauseVideo": true }, "style": { "backgroundColor": "#b35a1e", "textColor": "#ffffff", "icon": "", "image": "", "borderWidth": 0, "borderColor": "#fff", "borderRadius": 8, "shadow": "", "transparent": false, "animateIn": "", "animateOut": "", "animateAttention": "", "fontSize": 16, "fontWeight": "600", "fontStyle": "normal", "textAlign": "center", "fontFamily": "", "verticalAlign": "center", "textDecoration": "none", "lineHeight": 1.3, "letterSpacing": 0, "textTransform": "none", "textShadow": "", "customCss": "", "opacity": 1, "shapeType": "" }, "vpPos": { "desktop": { "x": 79, "y": 24, "w": 31, "h": 18 }, "tablet": { "x": 76, "y": 39, "w": 38, "h": 12 }, "mobileP": { "x": 60, "y": 83, "w": 58, "h": 16 }, "mobileL": { "x": 73, "y": 25, "w": 28, "h": 16 } } }, { "id": "_56", "videoId": "_18", "type": "button", "label": "Alat dan cara memperbaiki paip", "startTime": 1, "endTime": 6, "x": 78, "y": 78, "w": 27, "h": 12, "clickable": true, "action": { "type": "jumpToVideo", "targetVideoId": "_43", "value": "", "pauseVideo": true }, "style": { "backgroundColor": "#e14dff", "textColor": "#ffffff", "icon": "", "image": "", "borderWidth": 0, "borderColor": "#fff", "borderRadius": 8, "shadow": "", "transparent": false, "animateIn": "", "animateOut": "", "animateAttention": "", "fontSize": 16, "fontWeight": "600", "fontStyle": "normal", "textAlign": "center", "fontFamily": "", "verticalAlign": "center", "textDecoration": "none", "lineHeight": 1.3, "letterSpacing": 0, "textTransform": "none", "textShadow": "", "customCss": "", "opacity": 1, "shapeType": "" }, "vpPos": { "desktop": { "x": 78, "y": 78, "w": 27, "h": 12 }, "tablet": { "x": 74, "y": 79, "w": 36, "h": 16 }, "mobileP": { "x": 49, "y": 89, "w": 85, "h": 9 }, "mobileL": { "x": 80, "y": 82, "w": 27, "h": 16 } } }, { "id": "_60", "videoId": "_43", "type": "button", "label": "Kembali", "startTime": 0, "endTime": 6.041667, "x": 10, "y": 8, "w": 15, "h": 8, "clickable": true, "action": { "type": "jumpToVideo", "targetVideoId": "_17", "value": "", "pauseVideo": true }, "style": { "backgroundColor": "#000000", "textColor": "#ffffff", "icon": "", "image": "", "borderWidth": 0, "borderColor": "#fff", "borderRadius": 8, "shadow": "", "transparent": false, "animateIn": "", "animateOut": "", "animateAttention": "", "fontSize": 16, "fontWeight": "600", "fontStyle": "normal", "textAlign": "center", "fontFamily": "", "verticalAlign": "center", "textDecoration": "none", "lineHeight": 1.3, "letterSpacing": 0, "textTransform": "none", "textShadow": "", "customCss": "", "opacity": 1, "shapeType": "" }, "vpPos": { "desktop": { "x": 10, "y": 8, "w": 15, "h": 8 }, "tablet": { "x": 11, "y": 7, "w": 15, "h": 8 }, "mobileP": { "x": 22, "y": 6, "w": 34, "h": 7 }, "mobileL": { "x": 9, "y": 6, "w": 15, "h": 8 } } }, { "id": "_62", "videoId": "_31", "type": "button", "label": "Kembali", "startTime": 0, "endTime": 6.041667, "x": 10, "y": 8, "w": 15, "h": 8, "clickable": true, "action": { "type": "jumpToVideo", "targetVideoId": "_18", "value": "", "pauseVideo": true }, "style": { "backgroundColor": "#000000", "textColor": "#ffffff", "icon": "", "image": "", "borderWidth": 0, "borderColor": "#fff", "borderRadius": 8, "shadow": "", "transparent": false, "animateIn": "", "animateOut": "", "animateAttention": "", "fontSize": 16, "fontWeight": "600", "fontStyle": "normal", "textAlign": "center", "fontFamily": "", "verticalAlign": "center", "textDecoration": "none", "lineHeight": 1.3, "letterSpacing": 0, "textTransform": "none", "textShadow": "", "customCss": "", "opacity": 1, "shapeType": "" }, "vpPos": { "desktop": { "x": 10, "y": 8, "w": 15, "h": 8 }, "tablet": { "x": 10, "y": 7, "w": 15, "h": 8 }, "mobileP": { "x": 25, "y": 5, "w": 43, "h": 9 }, "mobileL": { "x": 9, "y": 7, "w": 15, "h": 8 } } } ], "_admin": { "library": [ { "libId": "_1", "name": "paip1", "filename": "paip1.mp4", "src": "./videos/paip/paip1.mp4", "duration": 6.041667 }, { "libId": "_2", "name": "paip10", "filename": "paip10.mp4", "src": "./videos/paip/paip10.mp4", "duration": 6.041667 }, { "libId": "_3", "name": "paip11", "filename": "paip11.mp4", "src": "./videos/paip/paip11.mp4", "duration": 6.041667 }, { "libId": "_4", "name": "paip12", "filename": "paip12.mp4", "src": "./videos/paip/paip12.mp4", "duration": 6.041667 }, { "libId": "_5", "name": "paip13", "filename": "paip13.mp4", "src": "./videos/paip/paip13.mp4", "duration": 6.041667 }, { "libId": "_6", "name": "paip14", "filename": "paip14.mp4", "src": "./videos/paip/paip14.mp4", "duration": 6.041667 }, { "libId": "_7", "name": "paip15", "filename": "paip15.mp4", "src": "./videos/paip/paip15.mp4", "duration": 6.041667 }, { "libId": "_8", "name": "paip2", "filename": "paip2.mp4", "src": "./videos/paip/paip2.mp4", "duration": 6.041667 }, { "libId": "_9", "name": "paip3", "filename": "paip3.mp4", "src": "./videos/paip/paip3.mp4", "duration": 6.041667 }, { "libId": "_10", "name": "paip4", "filename": "paip4.mp4", "src": "./videos/paip/paip4.mp4", "duration": 6.041667 }, { "libId": "_11", "name": "paip5", "filename": "paip5.mp4", "src": "./videos/paip/paip5.mp4", "duration": 6.041667 }, { "libId": "_12", "name": "paip6-1", "filename": "paip6-1.mp4", "src": "./videos/paip/paip6-1.mp4", "duration": 6.041667 }, { "libId": "_13", "name": "paip6", "filename": "paip6.mp4", "src": "./videos/paip/paip6.mp4", "duration": 6.041667 }, { "libId": "_14", "name": "paip7", "filename": "paip7.mp4", "src": "./videos/paip/paip7.mp4", "duration": 6.041667 }, { "libId": "_15", "name": "paip8", "filename": "paip8.mp4", "src": "./videos/paip/paip8.mp4", "duration": 6.041667 }, { "libId": "_16", "name": "paip9", "filename": "paip9.mp4", "src": "./videos/paip/paip9.mp4", "duration": 6.041667 } ], "nodes": [ { "nodeId": "_17", "libId": "_1", "name": "paip1", "filename": "paip1.mp4", "x": 359.96969696969694, "y": -77.27272727272727, "duration": 6.041667, "src": "./videos/paip/paip1.mp4", "startTransition": "", "endTransition": "" }, { "nodeId": "_18", "libId": "_9", "name": "paip3", "filename": "paip3.mp4", "x": 245.35353535353534, "y": 140.4006734006734, "duration": 6.041667, "src": "./videos/paip/paip3.mp4", "startTransition": "", "endTransition": "" }, { "nodeId": "_20", "libId": "_16", "name": "paip9", "filename": "paip9.mp4", "x": 545.2152014652014, "y": 145.51282051282044, "duration": 6.041667, "src": "./videos/paip/paip9.mp4", "startTransition": "", "endTransition": "" }, { "nodeId": "_22", "libId": "_10", "name": "paip4", "filename": "paip4.mp4", "x": 621.5608465608465, "y": 471.9576719576719, "duration": 6.041667, "src": "./videos/paip/paip4.mp4", "startTransition": "", "endTransition": "" }, { "nodeId": "_29", "libId": "_12", "name": "paip6-1", "filename": "paip6-1.mp4", "x": 185.41666666666666, "y": 481.25, "duration": 6.041667, "src": "./videos/paip/paip6-1.mp4", "startTransition": "", "endTransition": "" }, { "nodeId": "_31", "libId": "_14", "name": "paip7", "filename": "paip7.mp4", "x": 103.03030303030303, "y": 713.4469696969697, "duration": 6.041667, "src": "./videos/paip/paip7.mp4", "startTransition": "", "endTransition": "" }, { "nodeId": "_38", "libId": "_3", "name": "paip11", "filename": "paip11.mp4", "x": 183.10023310023303, "y": 1009.6736596736594, "duration": 6.041667, "src": "./videos/paip/paip11.mp4", "startTransition": "", "endTransition": "" }, { "nodeId": "_40", "libId": "_2", "name": "paip10", "filename": "paip10.mp4", "x": -80.4195804195804, "y": 1006.293706293706, "duration": 6.041667, "src": "./videos/paip/paip10.mp4", "startTransition": "", "endTransition": "" }, { "nodeId": "_43", "libId": "_4", "name": "paip12", "filename": "paip12.mp4", "x": 501.28205128205116, "y": 699.1841491841489, "duration": 6.041667, "src": "./videos/paip/paip12.mp4", "startTransition": "", "endTransition": "" }, { "nodeId": "_44", "libId": "_11", "name": "paip5", "filename": "paip5.mp4", "x": 861.5384615384613, "y": 712.8205128205126, "duration": 6.041667, "src": "./videos/paip/paip5.mp4", "startTransition": "", "endTransition": "" }, { "nodeId": "_46", "libId": "_5", "name": "paip13", "filename": "paip13.mp4", "x": 498.4848484848483, "y": 965.1515151515148, "duration": 6.041667, "src": "./videos/paip/paip13.mp4", "startTransition": "", "endTransition": "" }, { "nodeId": "_48", "libId": "_6", "name": "paip14", "filename": "paip14.mp4", "x": 493.9393939393938, "y": 1262.1212121212118, "duration": 6.041667, "src": "./videos/paip/paip14.mp4", "startTransition": "", "endTransition": "" }, { "nodeId": "_49", "libId": "_7", "name": "paip15", "filename": "paip15.mp4", "x": 772.7272727272725, "y": 1260.6060606060605, "duration": 6.041667, "src": "./videos/paip/paip15.mp4", "startTransition": "", "endTransition": "" } ], "interactions": [ { "intId": "_23", "nodeId": "_18", "type": "button", "label": "Belajar Tentang Air Bersih", "startTime": 1, "endTime": 6, "x": 27, "y": 66, "w": 24, "h": 14, "clickable": true, "action": { "type": "jumpToVideo", "value": "", "pauseVideo": true }, "style": { "bg": "#4a9eff", "color": "#ffffff", "icon": "", "image": "" }, "vpPos": { "desktop": { "x": 27, "y": 66, "w": 24, "h": 14 }, "tablet": { "x": 26, "y": 80, "w": 33, "h": 17 }, "mobileP": { "x": 49, "y": 70, "w": 87, "h": 12 }, "mobileL": { "x": 23, "y": 68, "w": 27, "h": 16 } } }, { "intId": "_24", "nodeId": "_18", "type": "button", "label": "Belajar tentang Air Kotor", "startTime": 1, "endTime": 6, "x": 72, "y": 27, "w": 25, "h": 15, "clickable": true, "action": { "type": "jumpToVideo", "value": "", "pauseVideo": true }, "style": { "bg": "#ff4d4d", "color": "#ffffff", "icon": "", "image": "" }, "vpPos": { "desktop": { "x": 72, "y": 27, "w": 25, "h": 15 }, "tablet": { "x": 73, "y": 28, "w": 33, "h": 15 }, "mobileP": { "x": 48, "y": 55, "w": 87, "h": 13 }, "mobileL": { "x": 73, "y": 30, "w": 24, "h": 16 } } }, { "intId": "_33", "nodeId": "_22", "type": "button", "label": "Dari mana datangnya air yang masuk ke tangki", "startTime": 1, "endTime": 6, "x": 30, "y": 16, "w": 40, "h": 16, "clickable": true, "action": { "type": "jumpToVideo", "value": "", "pauseVideo": true }, "style": { "bg": "#4a9eff", "color": "#ffffff", "icon": "", "image": "" }, "vpPos": { "desktop": { "x": 30, "y": 16, "w": 40, "h": 16 }, "tablet": { "x": 33, "y": 13, "w": 50, "h": 13 }, "mobileP": { "x": 50, "y": 9, "w": 81, "h": 11 }, "mobileL": { "x": 30, "y": 19, "w": 36, "h": 17 } } }, { "intId": "_37", "nodeId": "_31", "type": "button", "label": "Tangki Septik", "startTime": 1, "endTime": 6, "x": 84, "y": 29, "w": 15, "h": 8, "clickable": true, "action": { "type": "jumpToVideo", "value": "", "pauseVideo": true }, "style": { "bg": "#4a9eff", "color": "#ffffff", "icon": "", "image": "" }, "vpPos": { "desktop": { "x": 84, "y": 29, "w": 15, "h": 8 }, "tablet": { "x": 83, "y": 32, "w": 15, "h": 8 }, "mobileP": { "x": 51, "y": 17, "w": 55, "h": 12 }, "mobileL": { "x": 79, "y": 25, "w": 15, "h": 8 } } }, { "intId": "_39", "nodeId": "_31", "type": "button", "label": "Sistem Pembetungan", "startTime": 1, "endTime": 6, "x": 78, "y": 74, "w": 21, "h": 11, "clickable": true, "action": { "type": "jumpToVideo", "value": "", "pauseVideo": true }, "style": { "bg": "#ffcf4d", "color": "#ffffff", "icon": "", "image": "" }, "vpPos": { "desktop": { "x": 78, "y": 74, "w": 21, "h": 11 }, "tablet": { "x": 82, "y": 70, "w": 27, "h": 13 }, "mobileP": { "x": 52, "y": 85, "w": 58, "h": 13 }, "mobileL": { "x": 76, "y": 77, "w": 20, "h": 11 } } }, { "intId": "_50", "nodeId": "_46", "type": "button", "label": "Tatacara Penyambungan Paip PVC", "startTime": 1, "endTime": 6, "x": 22, "y": 29, "w": 29, "h": 12, "clickable": true, "action": { "type": "jumpToVideo", "value": "", "pauseVideo": true }, "style": { "bg": "#4a9eff", "color": "#ffffff", "icon": "", "image": "" }, "vpPos": { "desktop": { "x": 22, "y": 29, "w": 29, "h": 12 }, "tablet": { "x": 29, "y": 26, "w": 39, "h": 12 }, "mobileP": { "x": 40, "y": 11, "w": 63, "h": 15 }, "mobileL": { "x": 25, "y": 29, "w": 27, "h": 15 } } }, { "intId": "_51", "nodeId": "_46", "type": "button", "label": "Tatacara penyambungan paip keluli", "startTime": 1, "endTime": 6, "x": 79, "y": 24, "w": 31, "h": 18, "clickable": true, "action": { "type": "jumpToVideo", "value": "", "pauseVideo": true }, "style": { "bg": "#b35a1e", "color": "#ffffff", "icon": "", "image": "" }, "vpPos": { "desktop": { "x": 79, "y": 24, "w": 31, "h": 18 }, "tablet": { "x": 76, "y": 39, "w": 38, "h": 12 }, "mobileP": { "x": 60, "y": 83, "w": 58, "h": 16 }, "mobileL": { "x": 73, "y": 25, "w": 28, "h": 16 } } }, { "intId": "_56", "nodeId": "_18", "type": "button", "label": "Alat dan cara memperbaiki paip", "startTime": 1, "endTime": 6, "x": 78, "y": 78, "w": 27, "h": 12, "clickable": true, "action": { "type": "jumpToVideo", "value": "", "pauseVideo": true }, "style": { "bg": "#e14dff", "color": "#ffffff", "icon": "", "image": "" }, "vpPos": { "desktop": { "x": 78, "y": 78, "w": 27, "h": 12 }, "tablet": { "x": 74, "y": 79, "w": 36, "h": 16 }, "mobileP": { "x": 49, "y": 89, "w": 85, "h": 9 }, "mobileL": { "x": 80, "y": 82, "w": 27, "h": 16 } } }, { "intId": "_60", "nodeId": "_43", "type": "button", "label": "Kembali", "startTime": 0, "endTime": 6.041667, "x": 10, "y": 8, "w": 15, "h": 8, "clickable": true, "action": { "type": "jumpToVideo", "value": "", "pauseVideo": true }, "style": { "bg": "#000000", "color": "#ffffff", "icon": "", "image": "" }, "vpPos": { "desktop": { "x": 10, "y": 8, "w": 15, "h": 8 }, "tablet": { "x": 11, "y": 7, "w": 15, "h": 8 }, "mobileP": { "x": 22, "y": 6, "w": 34, "h": 7 }, "mobileL": { "x": 9, "y": 6, "w": 15, "h": 8 } } }, { "intId": "_62", "nodeId": "_31", "type": "button", "label": "Kembali", "startTime": 0, "endTime": 6.041667, "x": 10, "y": 8, "w": 15, "h": 8, "clickable": true, "action": { "type": "jumpToVideo", "value": "", "pauseVideo": true }, "style": { "bg": "#000000", "color": "#ffffff", "icon": "", "image": "" }, "vpPos": { "desktop": { "x": 10, "y": 8, "w": 15, "h": 8 }, "tablet": { "x": 10, "y": 7, "w": 15, "h": 8 }, "mobileP": { "x": 25, "y": 5, "w": 43, "h": 9 }, "mobileL": { "x": 9, "y": 7, "w": 15, "h": 8 } } } ], "connections": [ { "connId": "_19", "fromPortId": "_17", "toNodeId": "_18", "label": "", "color": "#4a9eff", "transition": "" }, { "connId": "_28", "fromPortId": "_23", "toNodeId": "_22", "label": "Belajar Tentang Air Bersih", "color": "#4a9eff", "transition": "" }, { "connId": "_30", "fromPortId": "_24", "toNodeId": "_29", "label": "Belajar tentang Air Kotor", "color": "#4a9eff", "transition": "" }, { "connId": "_32", "fromPortId": "_29", "toNodeId": "_31", "label": "", "color": "#4a9eff", "transition": "" }, { "connId": "_34", "fromPortId": "_33", "toNodeId": "_20", "label": "Dari mana datangnya air yang masuk ke tangki", "color": "#4a9eff", "transition": "" }, { "connId": "_35", "fromPortId": "_20", "toNodeId": "_22", "label": "", "color": "#4a9eff", "transition": "" }, { "connId": "_41", "fromPortId": "_39", "toNodeId": "_40", "label": "Sistem Pembetungan", "color": "#4a9eff", "transition": "" }, { "connId": "_42", "fromPortId": "_37", "toNodeId": "_38", "label": "Tangki Septik", "color": "#4a9eff", "transition": "" }, { "connId": "_45", "fromPortId": "_22", "toNodeId": "_44", "label": "", "color": "#4a9eff", "transition": "" }, { "connId": "_47", "fromPortId": "_43", "toNodeId": "_46", "label": "", "color": "#4a9eff", "transition": "" }, { "connId": "_53", "fromPortId": "_51", "toNodeId": "_49", "label": "Tatacara penyambungan paip keluli", "color": "#4a9eff", "transition": "" }, { "connId": "_54", "fromPortId": "_50", "toNodeId": "_48", "label": "Tatacara Penyambungan Paip PVC", "color": "#4a9eff", "transition": "" }, { "connId": "_55", "fromPortId": "_44", "toNodeId": "_18", "label": "", "color": "#4a9eff", "transition": "" }, { "connId": "_57", "fromPortId": "_56", "toNodeId": "_43", "label": "Alat dan cara memperbaiki paip", "color": "#4a9eff", "transition": "" }, { "connId": "_58", "fromPortId": "_48", "toNodeId": "_43", "label": "", "color": "#4a9eff", "transition": "" }, { "connId": "_59", "fromPortId": "_49", "toNodeId": "_43", "label": "", "color": "#4a9eff", "transition": "" }, { "connId": "_61", "fromPortId": "_60", "toNodeId": "_17", "label": "Kembali", "color": "#4a9eff", "transition": "" }, { "connId": "_63", "fromPortId": "_40", "toNodeId": "_31", "label": "", "color": "#4a9eff", "transition": "" }, { "connId": "_64", "fromPortId": "_38", "toNodeId": "_31", "label": "", "color": "#4a9eff", "transition": "" }, { "connId": "_65", "fromPortId": "_62", "toNodeId": "_18", "label": "Kembali", "color": "#4a9eff", "transition": "" } ], "project": { "name": "TVET - paip", "startNodeId": "_17", "settings": { "showControls": true, "controlMode": "standard", "controlPosition": "bottom", "autoHide": true, "allowSeeking": true, "showProgress": true, "showPlayBtn": true, "showPauseBtn": true, "showRewindBtn": true, "showForwardBtn": true, "showMuteBtn": true, "showFsBtn": true, "showReplayBtn": true, "accentColor": "#4a9eff", "playIcon": "", "pauseIcon": "", "seekIcon": "", "muteIcon": "", "fsIcon": "", "replayIcon": "", "overlayImg": "", "overlayImgSize": "cover", "overlayImgPos": "center", "overlayImgOpacity": 1, "endBehavior": "pause", "videoFit": "cover", "videoBasePath": "./videos/", "transition": "dissolve", "transitionDuration": 600, "choiceTitle": "What do you choose?", "choiceSubtitle": "Select an option to continue", "showChoiceOverlay": true, "loadingText": "Loading...", "loadingBg": "#000000", "autoPlay": true, "audioSource": "video", "bgmFile": "", "bgmVolume": 0.5, "ctrlPositions": null } } } }