@akkadu/rsi-api-vue
Advanced tools
Comparing version 1.1.2 to 1.1.3
@@ -178,2 +178,3 @@ import events_1 from 'events'; | ||
var videoPlayerVP = this.getVideoPlayerVP(); | ||
console.info(videoPlayerVP, 'videoPlayerVP', typeof videoPlayerVP); | ||
if (!videoPlayerVP) { | ||
@@ -183,3 +184,4 @@ console.log('switchAudioVideoPlayerVP(): videoPlayerVP is not defined'); | ||
} | ||
videoPlayerVP.forEach(function (video) { | ||
Array.from(videoPlayerVP).forEach(function (video) { | ||
console.log(video, 'VIDEO'); | ||
video.muted = isMuted; | ||
@@ -186,0 +188,0 @@ }); |
@@ -1,1 +0,1 @@ | ||
var RsiApiVue=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e);function o(e,t,n,o,r,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(o,r)}function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var o,r,i=[],a=!0,s=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(i.push(o.value),!t||i.length!==t);a=!0);}catch(e){s=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(s)throw r}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var a,s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l=function(){function e(){this.emitter=new n.default.EventEmitter}return e.prototype.gatewayRequest=function(e,t){if(!e)throw Error("base akadu-rsi: apiKey is undefined.");if(!t)throw Error("base akkadu-rsi: roomname is undefined.");return{auth:{uid:0,channel:"string",appId:"string",token:"string",rtmToken:"string"},publishers:[{id:0,userId:0,eventId:0,pairId:"string",interpreterId:0,language:"string",sourceLanguage:!0,sourceLanguageId:0,interpreterLevel:0,interpreterNeeded:!0,createdAt:"2021-05-25T07:49:48.840Z",updatedAt:"2021-05-25T07:49:48.840Z"}],floorLang:"en-US",userType:"string"}},e.prototype.on=function(e,t){this.emitter.on(e,t)},e}(),u=Object.defineProperty({default:l},"__esModule",{value:!0}),d={html:'\n <body>\n <div class="select">\n <div class="selectWrapper" >\n <div class="selectCustom js-selectCustom">\n <div id="interpretation-player-custom-value" class="selectCustom-trigger"> <img src=\'\'/> <h3> </h3> </div>\n <div id="interpretation-player-options" class="selectCustom-options">\n </div>\n </div>\n </div>\n </body>\n ',css:'\n\n #akkadu-interpretation-player {\n display: inline-table;\n position: relative;\n font-family: "Helvetica Neue", Arial, sans-serif;\n }\n #akkadu-interpretation-player .select {\n position: relative;\n }\n #akkadu-interpretation-player .selectLabel {\n display: block;\n margin-bottom: 10px;\n }\n #akkadu-interpretation-player .selectWrapper {\n position: relative;\n }\n #akkadu-interpretation-player .selectCustom {\n position: relative;\n height: 100%;\n }\n #akkadu-interpretation-player .selectCustom-trigger {\n display: flex;\n position: relative;\n min-width: 150px;\n background-color: white;\n border: 1px solid #dbdbdb;\n border-radius: 5px;\n cursor: pointer;\n padding: 10px 15px;\n width: 100%;\n height: 100%;\n }\n #akkadu-interpretation-player h3{\n margin:0px;\n padding:0px;\n }\n #akkadu-interpretation-player img{\n margin:0px;\n padding:0px;\n max-width: 20px;\n margin-right:10px;\n }\n #akkadu-interpretation-player h3, #akkadu-interpretation-player .selectCustom-trigger{\n font-size: 16px;\n color: #2C3D4F;\n font-weight: 400;\n text-transform: capitalize;\n }\n #akkadu-interpretation-player .selectCustom-trigger::after {\n content: "▾";\n color:#908f8f;\n position: absolute;\n top: 7px;\n line-height: 20px;\n right: 10px;\n }\n \n #akkadu-interpretation-player .selectCustom-trigger:hover {\n box-shadow: 0 0 4px #e9e1f8;\n }\n #akkadu-interpretation-player .selectCustom-options {\n position: absolute;\n top: 45px;\n left: 0;\n width: 100%;\n border: 1px solid #dbdbdb;\n border-radius: 5px;\n background-color: #fff;\n box-shadow: 0 0 4px #e9e1f8;\n z-index: 1;\n padding:0px;\n display: none;\n cursor: pointer;\n box-shadow: 3px 6px 7px 4px #e3e3e3;\n }\n \n #akkadu-interpretation-player .selectCustom.isActive .selectCustom-options {\n display: block;\n min-width: 260px;\n }\n \n #akkadu-interpretation-player .selectCustom-option {\n position: relative;\n padding: 10px 15px;\n display: flex;\n }\n \n #akkadu-interpretation-player .selectCustom-option:hover {\n background-color: #F2F2F2;\n }\n \n #akkadu-interpretation-player .selectCustom-option:not(:last-of-type)::after {\n content: "";\n position: absolute;\n bottom: 0;\n left: 5px;\n width: 95%;\n border-bottom: 1px solid #e0e7ef;\n }\n \n\n \n '},p=Object.defineProperty({default:d},"__esModule",{value:!0}),c=s&&s.__extends||(a=function(e,t){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),f=s&&s.__awaiter||function(e,t,n,o){return new(n||(n=Promise))((function(r,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((o=o.apply(e,t||[])).next())}))},m=s&&s.__generator||function(e,t){var n,o,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,o&&(r=2&i[0]?o.return:i[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,i[1])).done)return r;switch(o=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,o=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(r=a.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){a.label=i[1];break}if(6===i[0]&&a.label<r[1]){a.label=r[1],r=i;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(i);break}r[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],o=0}finally{n=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}},y={languages:[],container:null},h=function(e){function t(t){var n=e.call(this)||this,o=t.apiKey,r=t.roomName,i=t.container,a=t.positionMenu,s=t.isBoxShadow,l=t.isPlayerControlled;if(n.apiKey=o,n.roomName=r,n.positionMenu=a,n.isBoxShadow=s,n.isPlayerControlled=l,n.consumerConfig=y,n.consumerConfig.container=i,n.gatewayResponse=null,n.consumerConfig.domContainer=document.querySelector("#"+n.consumerConfig.container),!n.apiKey)throw Error("InterpretationPlayer: apiKey is undefined");if(!n.roomName)throw Error("InterpretationPlayer: roomName is undefined");if(!n.consumerConfig.domContainer)throw new Error("Unable to detect stream container "+n.consumerConfig.container+" on the DOM");return n}return c(t,e),t.prototype.init=function(){return f(this,void 0,void 0,(function(){return m(this,(function(e){return this.gatewayResponse=this.gatewayRequest(this.apiKey,this.roomName),this.initListeners(),this.addInterpretationPlayer(),[2]}))}))},t.prototype.isInterpretedLanguage=function(e){var t;return(null===(t=this.gatewayResponse)||void 0===t?void 0:t.floorLang)!==(null==e?void 0:e.code)},t.prototype.switchAudioVideoPlayerVP=function(e){if(void 0===e&&(e=!1),this.isPlayerControlled){var t=this.getVideoPlayerVP();t?t.forEach((function(t){t.muted=e})):console.log("switchAudioVideoPlayerVP(): videoPlayerVP is not defined")}},t.prototype.getVideoPlayerVP=function(){if(document)return document.getElementsByTagName("video");console.log("getVideoPlaterVP(), document is not defined")},t.prototype.initListeners=function(){},t.prototype.addInterpretationPlayer=function(){this.emitter.emit("interpretation-player:on-ready",{isReady:!0});var e=p.default;this.consumerConfig.domContainer.insertAdjacentHTML("beforeend",e.html);var t=document.createElement("style");t.textContent=e.css,document.head.appendChild(t);var n=this.updateStylesWithProps();if(n){var o=document.createElement("style");o.textContent=n,document.head.appendChild(o)}for(var r=[{name:{en:"English",zh:"英语"},code:"en-US"},{name:{en:"Chinese",zh:"中文"},code:"zh-CN"}],i=document.createDocumentFragment(),a=0;a<r.length;a++){var s=void 0,l=void 0,u=void 0;(s=document.createElement("div")).className="selectCustom-option",s.id=a,(u=document.createElement("h3")).textContent=r[a].name.en,u.id=a,(l=document.createElement("img")).src=this.getFlagUrl(r[a].code),s.appendChild(l),s.appendChild(u),i.appendChild(s)}document.getElementById("interpretation-player-options").appendChild(i);var d=document.createElement("script");d.textContent=e.js,document.body.appendChild(d);var c=document.getElementsByClassName("js-selectCustom")[0],f=document.getElementById("interpretation-player-custom-value"),m=document.getElementById("interpretation-player-options");f.getElementsByTagName("h3")[0].textContent=r[0].name.en,f.getElementsByTagName("img")[0].src=this.getFlagUrl(r[0].code);var y=this;Array.from(m.children).forEach((function(e){e.addEventListener("click",(function(e){var t,n=e.target.id;t=r[n],f.getElementsByTagName("h3")[0].textContent=t.name.en,f.getElementsByTagName("img")[0].src=y.getFlagUrl(t.code),y.emitter.emit("interpretation-player:on-language-selected",{languageSelected:t}),y.switchAudioVideoPlayerVP(y.isInterpretedLanguage(t)),c.classList.remove("isActive")}))})),f.addEventListener("click",(function(e){c.classList.toggle("isActive")})),document.addEventListener("click",(function(e){!c.contains(event.target)&&c.classList.remove("isActive")}))},t.prototype.updateStylesWithProps=function(){var e=[];if("top"===this.positionMenu){var t=".selectCustom-options{\n box-shadow:6px -1px 8px 1px #e3e3e3 !important;\n top: -130px !important;\n }";e.push(t)}if(!1===this.isBoxShadow){t="\n #akkadu-interpretation-player .selectCustom-options{\n box-shadow:none !important;\n }";e.push(t)}return e.join(" ")},t.prototype.getFlagUrl=function(e){return"https://www.countryflags.io/"+e.slice(-2)+"/flat/64.png"},t}(u.default);function g(e,t,n,o,r,i,a,s,l,u){"boolean"!=typeof a&&(l=s,s=a,a=!1);const d="function"==typeof n?n.options:n;let p;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,r&&(d.functional=!0)),o&&(d._scopeId=o),i?(p=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,l(e)),e&&e._registeredComponents&&e._registeredComponents.add(i)},d._ssrRegister=p):t&&(p=a?function(e){t.call(this,u(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),p)if(d.functional){const e=d.render;d.render=function(t,n){return p.call(n),e(t,n)}}else{const e=d.beforeCreate;d.beforeCreate=e?[].concat(e,p):[p]}return n}var v=g({render:function(){var e=this.$createElement;return(this._self._c||e)("div",{attrs:{id:"akkadu-interpretation-player"}})},staticRenderFns:[]},undefined,{props:{apiKey:{required:!0,type:String,default:null},positionMenu:{required:!1,type:String,default:"bottom"},isBoxShadow:{required:!1,type:Boolean,default:!0},isPlayerControlled:{required:!1,type:Boolean,default:!1}},data:function(){return{stream:null}},mounted:function(){this.init()},methods:{init:function(){var e,t=this;return(e=regeneratorRuntime.mark((function e(){var n,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t.getRoomname(),console.info(t.apiKey,"api key"),n){e.next=4;break}throw Error("interpretation-player: roomname is not defined");case 4:if(t.apiKey){e.next=6;break}throw Error("interpretation-player: apiKey is not defined");case 6:o={apiKey:t.apiKey,roomName:n,container:"akkadu-interpretation-player",positionMenu:t.positionMenu,isBoxShadow:t.isBoxShadow,isPlayerControlled:t.isPlayerControlled},t.stream=new h(o),t.initListeners(),t.stream.init();case 10:case"end":return e.stop()}}),e)})),function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function s(e){o(a,r,i,s,l,"next",e)}function l(e){o(a,r,i,s,l,"throw",e)}s(void 0)}))})()},getRoomname:function(){return"test"},initListeners:function(){var e=this;this.stream.on("interpretation-player:on-ready",(function(t){var n=t.isReady;console.info("emit interpretation-player:on-ready",n),e.$emit("onReady",{isReady:n})})),this.stream.on("interpretation-player:on-language-selected",(function(t){var n=t.languageSelected;console.info("emit interpretation-player:on-language-selected",n),e.$emit("onLanguageSelected",{languageSelected:n})})),this.stream.on("interpretation-player:on-connection-status-updated",(function(t){var n=t.connection;console.info("emit interpretation-player:on-connection-status-updated",n),e.$emit("onConnectionStatusUpdated",{connection:n})}))}}},undefined,false,undefined,!1,void 0,void 0,void 0),b=Object.freeze({__proto__:null,RsiApiInterpretationPlayer:v}),x=function(e){Object.entries(b).forEach((function(t){var n=r(t,2),o=n[0],i=n[1];e.component(o,i)}))},w=Object.freeze({__proto__:null,default:x,RsiApiInterpretationPlayer:v});return Object.entries(w).forEach((function(e){var t=r(e,2),n=t[0],o=t[1];"default"!==n&&(x[n]=o)})),x}(events_1); | ||
var RsiApiVue=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e);function o(e,t,n,o,r,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(o,r)}function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var o,r,i=[],a=!0,s=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(i.push(o.value),!t||i.length!==t);a=!0);}catch(e){s=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(s)throw r}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var a,s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l=function(){function e(){this.emitter=new n.default.EventEmitter}return e.prototype.gatewayRequest=function(e,t){if(!e)throw Error("base akadu-rsi: apiKey is undefined.");if(!t)throw Error("base akkadu-rsi: roomname is undefined.");return{auth:{uid:0,channel:"string",appId:"string",token:"string",rtmToken:"string"},publishers:[{id:0,userId:0,eventId:0,pairId:"string",interpreterId:0,language:"string",sourceLanguage:!0,sourceLanguageId:0,interpreterLevel:0,interpreterNeeded:!0,createdAt:"2021-05-25T07:49:48.840Z",updatedAt:"2021-05-25T07:49:48.840Z"}],floorLang:"en-US",userType:"string"}},e.prototype.on=function(e,t){this.emitter.on(e,t)},e}(),u=Object.defineProperty({default:l},"__esModule",{value:!0}),d={html:'\n <body>\n <div class="select">\n <div class="selectWrapper" >\n <div class="selectCustom js-selectCustom">\n <div id="interpretation-player-custom-value" class="selectCustom-trigger"> <img src=\'\'/> <h3> </h3> </div>\n <div id="interpretation-player-options" class="selectCustom-options">\n </div>\n </div>\n </div>\n </body>\n ',css:'\n\n #akkadu-interpretation-player {\n display: inline-table;\n position: relative;\n font-family: "Helvetica Neue", Arial, sans-serif;\n }\n #akkadu-interpretation-player .select {\n position: relative;\n }\n #akkadu-interpretation-player .selectLabel {\n display: block;\n margin-bottom: 10px;\n }\n #akkadu-interpretation-player .selectWrapper {\n position: relative;\n }\n #akkadu-interpretation-player .selectCustom {\n position: relative;\n height: 100%;\n }\n #akkadu-interpretation-player .selectCustom-trigger {\n display: flex;\n position: relative;\n min-width: 150px;\n background-color: white;\n border: 1px solid #dbdbdb;\n border-radius: 5px;\n cursor: pointer;\n padding: 10px 15px;\n width: 100%;\n height: 100%;\n }\n #akkadu-interpretation-player h3{\n margin:0px;\n padding:0px;\n }\n #akkadu-interpretation-player img{\n margin:0px;\n padding:0px;\n max-width: 20px;\n margin-right:10px;\n }\n #akkadu-interpretation-player h3, #akkadu-interpretation-player .selectCustom-trigger{\n font-size: 16px;\n color: #2C3D4F;\n font-weight: 400;\n text-transform: capitalize;\n }\n #akkadu-interpretation-player .selectCustom-trigger::after {\n content: "▾";\n color:#908f8f;\n position: absolute;\n top: 7px;\n line-height: 20px;\n right: 10px;\n }\n \n #akkadu-interpretation-player .selectCustom-trigger:hover {\n box-shadow: 0 0 4px #e9e1f8;\n }\n #akkadu-interpretation-player .selectCustom-options {\n position: absolute;\n top: 45px;\n left: 0;\n width: 100%;\n border: 1px solid #dbdbdb;\n border-radius: 5px;\n background-color: #fff;\n box-shadow: 0 0 4px #e9e1f8;\n z-index: 1;\n padding:0px;\n display: none;\n cursor: pointer;\n box-shadow: 3px 6px 7px 4px #e3e3e3;\n }\n \n #akkadu-interpretation-player .selectCustom.isActive .selectCustom-options {\n display: block;\n min-width: 260px;\n }\n \n #akkadu-interpretation-player .selectCustom-option {\n position: relative;\n padding: 10px 15px;\n display: flex;\n }\n \n #akkadu-interpretation-player .selectCustom-option:hover {\n background-color: #F2F2F2;\n }\n \n #akkadu-interpretation-player .selectCustom-option:not(:last-of-type)::after {\n content: "";\n position: absolute;\n bottom: 0;\n left: 5px;\n width: 95%;\n border-bottom: 1px solid #e0e7ef;\n }\n \n\n \n '},p=Object.defineProperty({default:d},"__esModule",{value:!0}),c=s&&s.__extends||(a=function(e,t){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),f=s&&s.__awaiter||function(e,t,n,o){return new(n||(n=Promise))((function(r,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((o=o.apply(e,t||[])).next())}))},y=s&&s.__generator||function(e,t){var n,o,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,o&&(r=2&i[0]?o.return:i[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,i[1])).done)return r;switch(o=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,o=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(r=a.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){a.label=i[1];break}if(6===i[0]&&a.label<r[1]){a.label=r[1],r=i;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(i);break}r[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],o=0}finally{n=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}},m={languages:[],container:null},h=function(e){function t(t){var n=e.call(this)||this,o=t.apiKey,r=t.roomName,i=t.container,a=t.positionMenu,s=t.isBoxShadow,l=t.isPlayerControlled;if(n.apiKey=o,n.roomName=r,n.positionMenu=a,n.isBoxShadow=s,n.isPlayerControlled=l,n.consumerConfig=m,n.consumerConfig.container=i,n.gatewayResponse=null,n.consumerConfig.domContainer=document.querySelector("#"+n.consumerConfig.container),!n.apiKey)throw Error("InterpretationPlayer: apiKey is undefined");if(!n.roomName)throw Error("InterpretationPlayer: roomName is undefined");if(!n.consumerConfig.domContainer)throw new Error("Unable to detect stream container "+n.consumerConfig.container+" on the DOM");return n}return c(t,e),t.prototype.init=function(){return f(this,void 0,void 0,(function(){return y(this,(function(e){return this.gatewayResponse=this.gatewayRequest(this.apiKey,this.roomName),this.initListeners(),this.addInterpretationPlayer(),[2]}))}))},t.prototype.isInterpretedLanguage=function(e){var t;return(null===(t=this.gatewayResponse)||void 0===t?void 0:t.floorLang)!==(null==e?void 0:e.code)},t.prototype.switchAudioVideoPlayerVP=function(e){if(void 0===e&&(e=!1),this.isPlayerControlled){var t=this.getVideoPlayerVP();console.info(t,"videoPlayerVP",typeof t),t?Array.from(t).forEach((function(t){console.log(t,"VIDEO"),t.muted=e})):console.log("switchAudioVideoPlayerVP(): videoPlayerVP is not defined")}},t.prototype.getVideoPlayerVP=function(){if(document)return document.getElementsByTagName("video");console.log("getVideoPlaterVP(), document is not defined")},t.prototype.initListeners=function(){},t.prototype.addInterpretationPlayer=function(){this.emitter.emit("interpretation-player:on-ready",{isReady:!0});var e=p.default;this.consumerConfig.domContainer.insertAdjacentHTML("beforeend",e.html);var t=document.createElement("style");t.textContent=e.css,document.head.appendChild(t);var n=this.updateStylesWithProps();if(n){var o=document.createElement("style");o.textContent=n,document.head.appendChild(o)}for(var r=[{name:{en:"English",zh:"英语"},code:"en-US"},{name:{en:"Chinese",zh:"中文"},code:"zh-CN"}],i=document.createDocumentFragment(),a=0;a<r.length;a++){var s=void 0,l=void 0,u=void 0;(s=document.createElement("div")).className="selectCustom-option",s.id=a,(u=document.createElement("h3")).textContent=r[a].name.en,u.id=a,(l=document.createElement("img")).src=this.getFlagUrl(r[a].code),s.appendChild(l),s.appendChild(u),i.appendChild(s)}document.getElementById("interpretation-player-options").appendChild(i);var d=document.createElement("script");d.textContent=e.js,document.body.appendChild(d);var c=document.getElementsByClassName("js-selectCustom")[0],f=document.getElementById("interpretation-player-custom-value"),y=document.getElementById("interpretation-player-options");f.getElementsByTagName("h3")[0].textContent=r[0].name.en,f.getElementsByTagName("img")[0].src=this.getFlagUrl(r[0].code);var m=this;Array.from(y.children).forEach((function(e){e.addEventListener("click",(function(e){var t,n=e.target.id;t=r[n],f.getElementsByTagName("h3")[0].textContent=t.name.en,f.getElementsByTagName("img")[0].src=m.getFlagUrl(t.code),m.emitter.emit("interpretation-player:on-language-selected",{languageSelected:t}),m.switchAudioVideoPlayerVP(m.isInterpretedLanguage(t)),c.classList.remove("isActive")}))})),f.addEventListener("click",(function(e){c.classList.toggle("isActive")})),document.addEventListener("click",(function(e){!c.contains(event.target)&&c.classList.remove("isActive")}))},t.prototype.updateStylesWithProps=function(){var e=[];if("top"===this.positionMenu){var t=".selectCustom-options{\n box-shadow:6px -1px 8px 1px #e3e3e3 !important;\n top: -130px !important;\n }";e.push(t)}if(!1===this.isBoxShadow){t="\n #akkadu-interpretation-player .selectCustom-options{\n box-shadow:none !important;\n }";e.push(t)}return e.join(" ")},t.prototype.getFlagUrl=function(e){return"https://www.countryflags.io/"+e.slice(-2)+"/flat/64.png"},t}(u.default);function g(e,t,n,o,r,i,a,s,l,u){"boolean"!=typeof a&&(l=s,s=a,a=!1);const d="function"==typeof n?n.options:n;let p;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,r&&(d.functional=!0)),o&&(d._scopeId=o),i?(p=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,l(e)),e&&e._registeredComponents&&e._registeredComponents.add(i)},d._ssrRegister=p):t&&(p=a?function(e){t.call(this,u(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),p)if(d.functional){const e=d.render;d.render=function(t,n){return p.call(n),e(t,n)}}else{const e=d.beforeCreate;d.beforeCreate=e?[].concat(e,p):[p]}return n}var v=g({render:function(){var e=this.$createElement;return(this._self._c||e)("div",{attrs:{id:"akkadu-interpretation-player"}})},staticRenderFns:[]},undefined,{props:{apiKey:{required:!0,type:String,default:null},positionMenu:{required:!1,type:String,default:"bottom"},isBoxShadow:{required:!1,type:Boolean,default:!0},isPlayerControlled:{required:!1,type:Boolean,default:!1}},data:function(){return{stream:null}},mounted:function(){this.init()},methods:{init:function(){var e,t=this;return(e=regeneratorRuntime.mark((function e(){var n,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t.getRoomname(),console.info(t.apiKey,"api key"),n){e.next=4;break}throw Error("interpretation-player: roomname is not defined");case 4:if(t.apiKey){e.next=6;break}throw Error("interpretation-player: apiKey is not defined");case 6:o={apiKey:t.apiKey,roomName:n,container:"akkadu-interpretation-player",positionMenu:t.positionMenu,isBoxShadow:t.isBoxShadow,isPlayerControlled:t.isPlayerControlled},t.stream=new h(o),t.initListeners(),t.stream.init();case 10:case"end":return e.stop()}}),e)})),function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function s(e){o(a,r,i,s,l,"next",e)}function l(e){o(a,r,i,s,l,"throw",e)}s(void 0)}))})()},getRoomname:function(){return"test"},initListeners:function(){var e=this;this.stream.on("interpretation-player:on-ready",(function(t){var n=t.isReady;console.info("emit interpretation-player:on-ready",n),e.$emit("onReady",{isReady:n})})),this.stream.on("interpretation-player:on-language-selected",(function(t){var n=t.languageSelected;console.info("emit interpretation-player:on-language-selected",n),e.$emit("onLanguageSelected",{languageSelected:n})})),this.stream.on("interpretation-player:on-connection-status-updated",(function(t){var n=t.connection;console.info("emit interpretation-player:on-connection-status-updated",n),e.$emit("onConnectionStatusUpdated",{connection:n})}))}}},undefined,false,undefined,!1,void 0,void 0,void 0),b=Object.freeze({__proto__:null,RsiApiInterpretationPlayer:v}),x=function(e){Object.entries(b).forEach((function(t){var n=r(t,2),o=n[0],i=n[1];e.component(o,i)}))},w=Object.freeze({__proto__:null,default:x,RsiApiInterpretationPlayer:v});return Object.entries(w).forEach((function(e){var t=r(e,2),n=t[0],o=t[1];"default"!==n&&(x[n]=o)})),x}(events_1); |
@@ -263,2 +263,3 @@ 'use strict';var events_1=require('events');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var events_1__default=/*#__PURE__*/_interopDefaultLegacy(events_1);function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { | ||
var videoPlayerVP = this.getVideoPlayerVP(); | ||
console.info(videoPlayerVP, 'videoPlayerVP', typeof videoPlayerVP); | ||
if (!videoPlayerVP) { | ||
@@ -268,3 +269,4 @@ console.log('switchAudioVideoPlayerVP(): videoPlayerVP is not defined'); | ||
} | ||
videoPlayerVP.forEach(function (video) { | ||
Array.from(videoPlayerVP).forEach(function (video) { | ||
console.log(video, 'VIDEO'); | ||
video.muted = isMuted; | ||
@@ -271,0 +273,0 @@ }); |
{ | ||
"name": "@akkadu/rsi-api-vue", | ||
"version": "1.1.2", | ||
"version": "1.1.3", | ||
"description": "", | ||
@@ -5,0 +5,0 @@ "main": "dist/rsi-api-vue.ssr.js", |
69676
1115