You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
26 KiB
1 lines
26 KiB
{"version":3,"sources":["webpack://plugin-webrtc/webpack/bootstrap","webpack://plugin-webrtc/./src/App.vue?9117","webpack://plugin-webrtc/./node_modules/@soda/get-current-script/index.js","webpack://plugin-webrtc/./src/App.vue?9c65","webpack://plugin-webrtc/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-webrtc/./src/App.vue?4f1b","webpack://plugin-webrtc/./src/components/Player.vue?0861","webpack://plugin-webrtc/src/components/Player.vue","webpack://plugin-webrtc/./src/components/Player.vue?42e4","webpack://plugin-webrtc/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-webrtc/./src/components/Player.vue","webpack://plugin-webrtc/src/App.vue","webpack://plugin-webrtc/./src/App.vue?8b47","webpack://plugin-webrtc/./src/App.vue","webpack://plugin-webrtc/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":[],"mappings":";;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;AClFA,uC;;;;;;;ACAA;AACA;AACA;;AAEA;;AAEA;AACA,MAAM,IAA0C;AAChD,IAAI,iCAAO,EAAE,oCAAE,OAAO;AAAA;AAAA;AAAA,oGAAC;AACvB,GAAG,MAAM,EAIN;AACH,CAAC;AACD;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D;;AAE1D;AACA;AACA,+DAA+D,qBAAqB;AACpF;AACA;;AAEA,qBAAqB,oBAAoB;AACzC;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,CAAC;;;;;;;;;ACvED;AAAA;AAAA;AAAgc,CAAgB,ggBAAG,EAAC,C;;;;;;;;;;;;ACApd;;AAEA;AACA;AACA,MAAM,IAAuC;AAC7C,2BAA2B,mBAAO,CAAC,MAA0B;AAC7D;;AAEA;AACA;AACA,wDAAwD,wBAAwB;AAChF;AACA;;AAEA;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACrBnB,0BAA0B,aAAa,0BAA0B,wBAAwB,iFAAiF,OAAO,qBAAqB,QAAQ,gDAAgD,mBAAmB,0BAA0B,kCAAkC,IAAI,qBAAqB,qCAAqC,IAAI,yBAAyB,0DAA0D,OAAO,oEAAoE,gBAAgB,yEAAyE,OAAO,kEAAkE,gBAAgB,uDAAuD,oBAAoB,sDAAsD,WAAW,qCAAqC,2DAA2D,qBAAqB,iCAAiC,uBAAuB,IAAI,yBAAyB,4BAA4B,4BAA4B,GAAG,sLAAsL,oBAAoB,wBAAwB,QAAQ,uDAAuD,0BAA0B,iCAAiC;AAC58C;;;;;;ACDA,IAAI,0CAAM,gBAAgB,aAAa,0BAA0B,wBAAwB,iCAAiC,OAAO,sCAAsC,KAAK,2DAA2D,wDAAwD,oBAAoB,oEAAoE,WAAW,qCAAqC,YAAY,OAAO,gBAAgB,eAAe,yCAAyC,OAAO,oEAAoE,gBAAgB,yEAAyE,OAAO,kEAAkE,gBAAgB;AAC/vB,IAAI,mDAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;ACoBnB;AACe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,EAAC;;;ACpF6K,CAAgB,4GAAG,EAAC,C;;ACAnM;;AAEA;AACA;AACA;;AAEe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;ACjGqF;AAC3B;AACL;;;AAGrD;AAC0F;AAC1F,gBAAgB,kBAAU;AAC1B,EAAE,yCAAM;AACR,EAAE,0CAAM;AACR,EAAE,mDAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,4D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACS+B;AAC9C;AACA,IAAI,6BAAE;AACN;AACA;AACe;AACf;AACA,QAAQ,oBAAY;AACpB;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,6BAAE,IAAI,6BAAE,qBAAqB,6BAAE;AACrD,uBAAuB,6BAAE,IAAI,6BAAE,sBAAsB,6BAAE;AACvD;AACA,gCAAgC,6BAAE,IAAI,6BAAE;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,6BAAE;AACd,kBAAkB,6BAAE,2BAA2B,6BAAE;AACjD,4BAA4B,6BAAE;AAC9B;AACA;AACA;AACA;AACA,qCAAqC,6BAAE;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,6BAAE;AACd;AACA;AACA,YAAY,6BAAE;AACd,YAAY,6BAAE;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,6BAAE;AACV;AACA;AACA,QAAQ,6BAAE;AACV,6BAA6B,6BAAE;AAC/B,sCAAsC,6BAAE;AACxC;AACA,QAAQ,6BAAE;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,EAAC;;;ACzGoK,CAAgB,+FAAG,EAAC,C;;;;;ACA5F;AACvC;AACL;AACqC;;;AAGvF;AACuF;AACvF,IAAI,aAAS,GAAG,kBAAU;AAC1B,EAAE,+BAAM;AACR,EAAE,MAAM;AACR,EAAE,eAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,qDAAS,Q;;ACnBA;AACA;AACT,kFAAG;AACI","file":"plugin-webrtc.common.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"fb15\");\n","// extracted by mini-css-extract-plugin","// addapted from the document.currentScript polyfill by Adam Miller\n// MIT license\n// source: https://github.com/amiller-gh/currentScript-polyfill\n\n// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505\n\n(function (root, factory) {\n if (typeof define === 'function' && define.amd) {\n define([], factory);\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory();\n } else {\n root.getCurrentScript = factory();\n }\n}(typeof self !== 'undefined' ? self : this, function () {\n function getCurrentScript () {\n if (document.currentScript) {\n return document.currentScript\n }\n \n // IE 8-10 support script readyState\n // IE 11+ & Firefox support stack trace\n try {\n throw new Error();\n }\n catch (err) {\n // Find the second match for the \"at\" string to get file src url from stack.\n var ieStackRegExp = /.*at [^(]*\\((.*):(.+):(.+)\\)$/ig,\n ffStackRegExp = /@([^@]*):(\\d+):(\\d+)\\s*$/ig,\n stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),\n scriptLocation = (stackDetails && stackDetails[1]) || false,\n line = (stackDetails && stackDetails[2]) || false,\n currentLocation = document.location.href.replace(document.location.hash, ''),\n pageSource,\n inlineScriptSourceRegExp,\n inlineScriptSource,\n scripts = document.getElementsByTagName('script'); // Live NodeList collection\n \n if (scriptLocation === currentLocation) {\n pageSource = document.documentElement.outerHTML;\n inlineScriptSourceRegExp = new RegExp('(?:[^\\\\n]+?\\\\n){0,' + (line - 2) + '}[^<]*<script>([\\\\d\\\\D]*?)<\\\\/script>[\\\\d\\\\D]*', 'i');\n inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();\n }\n \n for (var i = 0; i < scripts.length; i++) {\n // If ready state is interactive, return the script tag\n if (scripts[i].readyState === 'interactive') {\n return scripts[i];\n }\n \n // If src matches, return the script tag\n if (scripts[i].src === scriptLocation) {\n return scripts[i];\n }\n \n // If inline source matches, return the script tag\n if (\n scriptLocation === currentLocation &&\n scripts[i].innerHTML &&\n scripts[i].innerHTML.trim() === inlineScriptSource\n ) {\n return scripts[i];\n }\n }\n \n // If no match, return null\n return null;\n }\n };\n\n return getCurrentScript\n}));\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&id=674ea55a&scoped=true&lang=css&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&id=674ea55a&scoped=true&lang=css&\"","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n var currentScript = window.document.currentScript\n if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n var getCurrentScript = require('@soda/get-current-script')\n currentScript = getCurrentScript()\n\n // for backward compatibility, because previously we directly included the polyfill\n if (!('currentScript' in document)) {\n Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n }\n }\n\n var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n if (src) {\n __webpack_public_path__ = src[1] // eslint-disable-line\n }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$parent.titleTabActive == 0)?_c('div',[_c('mu-text-field',{attrs:{\"label\":\"streamPath\"},model:{value:(_vm.streamPath),callback:function ($$v) {_vm.streamPath=$$v},expression:\"streamPath\"}}),(!_vm.remoteSDP)?_c('m-button',{on:{\"click\":_vm.publish}},[_vm._v(\"Publish\")]):_c('m-button',{on:{\"click\":_vm.stopSession}},[_vm._v(\"Stop\")]),(_vm.remoteSDP)?_c('mu-badge',[_c('a',{attrs:{\"slot\":\"content\",\"href\":_vm.remoteSDPURL,\"download\":\"remoteSDP.txt\"},slot:\"content\"},[_vm._v(\"remoteSDP\")])]):_vm._e(),(_vm.localSDP)?_c('mu-badge',[_c('a',{attrs:{\"slot\":\"content\",\"href\":_vm.localSDPURL,\"download\":\"localSDP.txt\"},slot:\"content\"},[_vm._v(\"localSDP\")])]):_vm._e(),_c('br'),_c('video',{ref:\"video1\",attrs:{\"width\":\"640\",\"height\":\"480\",\"autoplay\":\"\",\"muted\":\"\"},domProps:{\"srcObject\":_vm.stream,\"muted\":true}})],1):(_vm.$parent.titleTabActive == 1)?_c('stream-table',{scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('m-button',{on:{\"click\":function($event){return _vm.preview(scope)}}},[_vm._v(\"Play\")]),void 0]}}])}):(_vm.$parent.titleTabActive == 2)?_c('pre',[_vm._v(_vm._s(_vm.localSDP))]):(_vm.$parent.titleTabActive == 3)?_c('pre',[_vm._v(_vm._s(_vm.remoteSDP))]):_vm._e(),_c('webrtc-player',{ref:\"player\",attrs:{\"PublicIP\":_vm.PublicIP},model:{value:(_vm.previewStreamPath),callback:function ($$v) {_vm.previewStreamPath=$$v},expression:\"previewStreamPath\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Modal',_vm._g(_vm._b({attrs:{\"draggable\":\"\",\"title\":_vm.streamPath},on:{\"on-ok\":_vm.onClosePreview,\"on-cancel\":_vm.onClosePreview}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('video',{ref:\"webrtc\",attrs:{\"width\":\"488\",\"height\":\"275\",\"autoplay\":\"\",\"muted\":\"\",\"controls\":\"\"},domProps:{\"srcObject\":_vm.stream,\"muted\":true}}),_c('div',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[(_vm.remoteSDP)?_c('mu-badge',[_c('a',{attrs:{\"slot\":\"content\",\"href\":_vm.remoteSDPURL,\"download\":\"remoteSDP.txt\"},slot:\"content\"},[_vm._v(\"remoteSDP\")])]):_vm._e(),(_vm.localSDP)?_c('mu-badge',[_c('a',{attrs:{\"slot\":\"content\",\"href\":_vm.localSDPURL,\"download\":\"localSDP.txt\"},slot:\"content\"},[_vm._v(\"localSDP\")])]):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <Modal\r\n v-bind=\"$attrs\"\r\n draggable\r\n v-on=\"$listeners\"\r\n :title=\"streamPath\"\r\n @on-ok=\"onClosePreview\"\r\n @on-cancel=\"onClosePreview\"\r\n >\r\n <video ref=\"webrtc\" :srcObject.prop=\"stream\" width=\"488\" height=\"275\" autoplay muted controls></video>\r\n <div slot=\"footer\">\r\n <mu-badge v-if=\"remoteSDP\">\r\n <a slot=\"content\" :href=\"remoteSDPURL\" download=\"remoteSDP.txt\">remoteSDP</a>\r\n </mu-badge>\r\n <mu-badge v-if=\"localSDP\">\r\n <a slot=\"content\" :href=\"localSDPURL\" download=\"localSDP.txt\">localSDP</a>\r\n </mu-badge>\r\n </div>\r\n </Modal>\r\n</template>\r\n<script>\r\nlet pc = null;\r\nexport default {\r\n data() {\r\n return {\r\n iceConnectionState: pc && pc.iceConnectionState,\r\n stream: null,\r\n localSDP: \"\",\r\n remoteSDP: \"\",\r\n remoteSDPURL: \"\",\r\n localSDPURL: \"\",\r\n streamPath: \"\"\r\n };\r\n },\r\nprops:{\r\n PublicIP:String\r\n},\r\n methods: {\r\n async play(streamPath) {\r\n pc = new RTCPeerConnection({iceServers:[\"turn:\"+this.PublicIP]});\r\n pc.addTransceiver('video',{\r\n direction:'recvonly'\r\n })\r\n this.streamPath = streamPath;\r\n pc.onsignalingstatechange = e => {\r\n //console.log(e);\r\n };\r\n pc.oniceconnectionstatechange = e => {\r\n this.$toast.info(pc.iceConnectionState);\r\n this.iceConnectionState = pc.iceConnectionState;\r\n };\r\n pc.onicecandidate = event => {\r\n console.log(event)\r\n };\r\n pc.ontrack = event => {\r\n // console.log(event);\r\n if (event.track.kind == \"video\")\r\n this.stream = event.streams[0];\r\n };\r\n await pc.setLocalDescription(await pc.createOffer());\r\n this.localSDP = pc.localDescription.sdp;\r\n this.localSDPURL = URL.createObjectURL(\r\n new Blob([this.localSDP], { type: \"text/plain\" })\r\n );\r\n const result = await this.ajax({\r\n type: \"POST\",\r\n processData: false,\r\n data: JSON.stringify(pc.localDescription.toJSON()),\r\n url: \"/webrtc/play?streamPath=\" + this.streamPath,\r\n dataType: \"json\"\r\n });\r\n if (result.errmsg) {\r\n this.$toast.error(result.errmsg);\r\n return;\r\n } else {\r\n this.remoteSDP = result.sdp;\r\n this.remoteSDPURL = URL.createObjectURL(new Blob([this.remoteSDP], { type: \"text/plain\" }));\r\n }\r\n await pc.setRemoteDescription(new RTCSessionDescription(result));\r\n },\r\n onClosePreview() {\r\n pc.close();\r\n }\r\n }\r\n};\r\n</script>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Player.vue?vue&type=script&lang=js&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","import { render, staticRenderFns } from \"./Player.vue?vue&type=template&id=54fd9ce8&\"\nimport script from \"./Player.vue?vue&type=script&lang=js&\"\nexport * from \"./Player.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","<template>\r\n <div>\r\n <div v-if=\"$parent.titleTabActive == 0\">\r\n <mu-text-field v-model=\"streamPath\" label=\"streamPath\"></mu-text-field>\r\n <m-button @click=\"publish\" v-if=\"!remoteSDP\">Publish</m-button>\r\n <m-button @click=\"stopSession\" v-else>Stop</m-button>\r\n <mu-badge v-if=\"remoteSDP\">\r\n <a slot=\"content\" :href=\"remoteSDPURL\" download=\"remoteSDP.txt\">remoteSDP</a>\r\n </mu-badge>\r\n <mu-badge v-if=\"localSDP\">\r\n <a slot=\"content\" :href=\"localSDPURL\" download=\"localSDP.txt\">localSDP</a>\r\n </mu-badge>\r\n <br />\r\n <video ref=\"video1\" :srcObject.prop=\"stream\" width=\"640\" height=\"480\" autoplay muted></video>\r\n </div>\r\n <stream-table v-else-if=\"$parent.titleTabActive == 1\">\r\n <template v-slot=\"scope\">\r\n <m-button @click=\"preview(scope)\">Play</m-button>\r\n <template>\r\n </stream-table>\r\n <pre v-else-if=\"$parent.titleTabActive == 2\">{{localSDP}}</pre>\r\n <pre v-else-if=\"$parent.titleTabActive == 3\">{{remoteSDP}}</pre>\r\n <webrtc-player ref=\"player\" v-model=\"previewStreamPath\" :PublicIP=\"PublicIP\"></webrtc-player>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport WebrtcPlayer from \"./components/Player\"\r\nconst config = { iceServers: []};\r\nlet pc = new RTCPeerConnection(config);\r\nvar stream = null\r\nvar streamPath = \"live/rtc\";\r\nexport default {\r\n components:{\r\n WebrtcPlayer\r\n },\r\n props:{\r\n PublicIP:String\r\n },\r\n data() {\r\n return {\r\n localSDP: pc && pc.localDescription && pc.localDescription.sdp,\r\n remoteSDP: pc && pc.remoteDescription && pc.remoteDescription.sdp,\r\n streamPath,\r\n iceConnectionState: pc && pc.iceConnectionState,\r\n stream,\r\n previewStreamPath:false,\r\n localSDPURL:\"\",\r\n remoteSDPURL:\"\"\r\n };\r\n },\r\n methods: {\r\n async publish() {\r\n pc.addStream(stream);\r\n await pc.setLocalDescription(await pc.createOffer());\r\n this.localSDP = pc.localDescription.sdp;\r\n this.localSDPURL = URL.createObjectURL(new Blob([ this.localSDP ],{type:'text/plain'}))\r\n const result = await this.ajax({\r\n type: \"POST\",\r\n processData: false,\r\n data: JSON.stringify(pc.localDescription),\r\n url: \"/webrtc/publish?streamPath=\" + this.streamPath,\r\n dataType: \"json\"\r\n });\r\n console.log(result)\r\n if (typeof result == \"string\"){\r\n this.$toast.error(result);\r\n return;\r\n }\r\n streamPath = this.streamPath;\r\n this.remoteSDP = result.sdp;\r\n this.remoteSDPURL = URL.createObjectURL(new Blob([ this.remoteSDP ],{type:'text/plain'}))\r\n pc.setRemoteDescription(new RTCSessionDescription(result));\r\n },\r\n stopSession() {\r\n pc.close();\r\n pc = new RTCPeerConnection(config);\r\n this.remoteSDP = \"\";\r\n this.localSDP = \"\";\r\n // this.connectICE().catch(err => this.$toast.error(err.message));\r\n },\r\n preview({row}) {\r\n this.previewStreamPath = true\r\n this.$nextTick(() =>this.$refs.player.play(row.StreamPath));\r\n },\r\n },\r\n async mounted() {\r\n pc.onsignalingstatechange = e => {\r\n console.log(e);\r\n };\r\n pc.oniceconnectionstatechange = e => {\r\n this.$toast.info(pc.iceConnectionState);\r\n this.iceConnectionState = pc.iceConnectionState;\r\n };\r\n pc.onicecandidate = event => {};\r\n this.$parent.titleTabs = [\"publish\",\"play\"];\r\n try {\r\n if (!this.stream)\r\n this.stream = stream = await navigator.mediaDevices.getUserMedia(\r\n { video: true, audio: true }\r\n );\r\n } catch (err) {\r\n this.$toast.error(err.message);\r\n }\r\n }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n@keyframes blink {\r\n 0% {\r\n opacity: 0.2;\r\n }\r\n 50% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0.2;\r\n }\r\n}\r\n.blink {\r\n animation: blink 1s infinite;\r\n}\r\n</style>","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=674ea55a&scoped=true&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=674ea55a&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"674ea55a\",\n null\n \n)\n\nexport default component.exports","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"sourceRoot":""}
|