{"name":"Super Interactive Audio Widget","key":"superinteractiveaudiowidget","version":"1.0.9","instructions":"Shows a audio + interactive transcript. The captions are made and edited here on Moodle. This is a widget. So the audio player or link should be inserted between the widget tags","showatto":"1","showplayers":"0","requirecss":"","requirejs":"","shim":"","defaults":"","amd":"1","body":"<div id='@@AUTOID@@_container' class='super_interactive_audio_player_container'></div>\n<div id=\"@@AUTOID@@_original\" class=\"poodllplayerwidgetnoshow\" style=\"display: none\">","bodyend":"</div>","script":"templates.render('filter_poodll/pw-interactiveaudio',opts).then(function(html, js) {\n\n                // The templates object has append, prepend and replace functions.\n                templates.appendNodeContents('#' + @@AUTOID@@ + '_container', html, js);\n          \n  }).fail(function(ex) {\n                // Deal with this exception \n\n            });","style":".super_interactive_audio_player_container audio{\n  width: 100%;\n}\n.fpv_flexrow{\n   display: flex;flex-direction: row;\n}\n.fpv_flexcol{\n   display: flex;flex-direction: column;\n   max-width: 800px;\n\n}\n.fpv_flexcol .sivvideo{\n\twidth: 100%;\n} \n.fpv_flexcol .filterpoodll_sia_transcriptcontainer{\n    height: 320px;\n}\n.sivvideo{\n\twidth: 50%;\n} \n.filterpoodll_sia_transcriptcontainer{\n       flex: 1 1 auto;\n}\n.transcript-body{\n\theight: 100% !important;\n}\n.filterpoodll_sia_transcriptcontainer{\n    height: 480px;\n}\n.filterpoodll_sia_transcriptscrollable {\n    height: calc(100% - 37px);\n}\n@media screen and (max-width: 992px) {\n\t.filterpoodll_sia_transcriptmain_container{\n           display: block !important;\n       }\n    .splitter{\n        display: none;\n     }\n\n     .filterpoodll_sia_transcripttools{\n           display: none;\n     }\n\n     .sivvideo{\n\t\twidth: 100%;\n\t\tfloat: none;\n\t\theight: 200px;\n      } \n     .filterpoodll_sia_transcriptcontainer{\n\t\tfloat: none;\n\t\tmargin-left: 0%;\t\t\n      }\n      .filterpoodll_sia_transcriptcontainer{\n\t\theight: 200px !important;\n     }\n     .filterpoodll_sia_transcriptscrollable {\n\t\theight: calc(100%-37px);\n              /* 163px !important; height - toolbar height */\n     }\n}\n\n/* interactive transcript */\n.filterpoodll_sia_transcriptcontainer {\n    font-family: Arial, sans-serif;\n    border: 1px solid #111;\n}\n\n.filterpoodll_sia_transcript-header {\n    height: 19px;\n    padding: 2px;\n    font-weight: bold;\n    text-align: center;\n}\n\n.filterpoodll_sia_transcript-body {\n/*    overflow-y: scroll; */\n    background-color: #e7e7e7;\n    position: relative;\n    margin: auto;\n}\n\n.filterpoodll_sia_transcript-line {\n    position: relative;\n    padding: 5px;\n    cursor: pointer;\n    line-height: 1.3;\n}\n\n.filterpoodll_sia_transcript-line:nth-child(odd) {\n    background-color: #f5f5f5;\n}\n\n\n.filterpoodll_sia_transcript-timestamp {\n    position: absolute;\n    display: inline-block;\n    color: #333;\n    width: 50px;\n}\n\n.filterpoodll_sia_transcript-text {\n    display: block;\n    margin-left: 50px;\n}\n\n.filterpoodll_sia_transcript-line:hover,\n.filterpoodll_sia_transcript-line:hover .filterpoodll_sia_transcript-timestamp,\n.filterpoodll_sia_transcript-line:hover .filterpoodll_sia_transcript-text {\n    background-color: #777;\n    color: #e7e7e7;\n}\n\n.filterpoodll_sia_transcript-line.is-active,\n.filterpoodll_sia_transcript-line.is-active .filterpoodll_sia_transcript-timestamp,\n.filterpoodll_sia_transcript-line.is-active .filterpoodll_sia_transcript-text {\n    background-color: #555;\n    color: #e7e7e7;\n    width: auto;\n}\n\n.filterpoodll_sia_transcripttitle {\n  /*  Set line height to same height at toolbar */\n   line-height: 35px;\n   margin-left: 5px;\n   font-weight: bold;\n}\n\n.filterpoodll_sia_transcripttoolbar {\n background-color: #CCC;\n max-height: 35px;\n min-height: 35px;\n overflow:hidden\n}\n.filterpoodll_sia_transcriptscrollable {\n    width: 100%;\n    font-family: Arial, sans-serif;\n    overflow-x: hidden;\n    overflow-y: scroll;\n    scroll-behavior: smooth;\n}\n.filterpoodll_sia_transcripttools {\n    float: right;\n}\n\n/* toggle timestamp on and off */\n.filterpoodll_sia_transcript-body.notimestamp .filterpoodll_sia_transcript-timestamp {\n    display: none;\n}\n\n.filterpoodll_sia_transcript-body.notimestamp .filterpoodll_sia_transcript-text {\n    margin-left: 5px;\n}\n/* Add styles for right-to-left languages: Arabic, Farsi, Hebrew and Urdu*/\n.filterpoodll_sia_transcriptscrollable .filterpoodll_sia_transcript-body[lang=\"ar\"] .filterpoodll_sia_transcript-line,\n.filterpoodll_sia_transcriptscrollable .filterpoodll_sia_transcript-body[lang=\"he\"] .filterpoodll_sia_transcript-line,\n.filterpoodll_sia_transcriptscrollable .filterpoodll_sia_transcript-body[lang=\"ur\"] .filterpoodll_sia_transcript-line,\n.filterpoodll_sia_transcriptscrollable .filterpoodll_sia_transcript-body[lang=\"fa-IR\"] .filterpoodll_sia_transcript-line {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  position: unset;\n}\n\n.filterpoodll_sia_transcriptscrollable .filterpoodll_sia_transcript-body[lang=\"ar\"] .filterpoodll_sia_transcript-line .filterpoodll_sia_transcript-text,\n.filterpoodll_sia_transcriptscrollable .filterpoodll_sia_transcript-body[lang=\"he\"] .filterpoodll_sia_transcript-line .filterpoodll_sia_transcript-text,\n.filterpoodll_sia_transcriptscrollable .filterpoodll_sia_transcript-body[lang=\"ur\"] .filterpoodll_sia_transcript-line .filterpoodll_sia_transcript-text,\n.filterpoodll_sia_transcriptscrollable .filterpoodll_sia_transcript-body[lang=\"fa-IR\"] .filterpoodll_sia_transcript-line .filterpoodll_sia_transcript-text {\n  direction: rtl;\n  margin-right: 1rem;\n  -webkit-box-ordinal-group: 2;\n      -ms-flex-order: 1;\n          order: 1;\n  text-align: right;\n  width: 95%;\n}\n\n.filterpoodll_sia_transcriptscrollable .filterpoodll_sia_transcript-body[lang=\"ar\"] .filterpoodll_sia_transcript-line .filterpoodll_sia_transcript-timestamp,\n.filterpoodll_sia_transcriptscrollable .filterpoodll_sia_transcript-body[lang=\"he\"] .filterpoodll_sia_transcript-line .filterpoodll_sia_transcript-timestamp,\n.filterpoodll_sia_transcriptscrollable .filterpoodll_sia_transcript-body[lang=\"ur\"] .filterpoodll_sia_transcript-line .filterpoodll_sia_transcript-timestamp,\n.filterpoodll_sia_transcriptscrollable .filterpoodll_sia_transcript-body[lang=\"fa-IR\"] .filterpoodll_sia_transcript-line .filterpoodll_sia_transcript-timestamp {\n  -webkit-box-ordinal-group: 3;\n      -ms-flex-order: 2;\n          order: 2;\n  position: unset;\n  width: 5%;\n}","dataset":"","datasetvars":"","alternate":"","alternateend":""}