diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..7f73d3d
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019-present, dexter
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
\ No newline at end of file
diff --git a/go.mod b/go.mod
index d1cdf3e..33c177f 100644
--- a/go.mod
+++ b/go.mod
@@ -3,7 +3,7 @@ module github.com/Monibuca/plugin-jessica
 go 1.13
 
 require (
-	github.com/Monibuca/engine v1.2.1
+	github.com/Monibuca/engine/v2 v2.0.0
 	github.com/gobwas/httphead v0.0.0-20180130184737-2c6c146eadee // indirect
 	github.com/gobwas/pool v0.2.0 // indirect
 	github.com/gobwas/ws v1.0.2
diff --git a/go.sum b/go.sum
index 75be2b6..266e086 100644
--- a/go.sum
+++ b/go.sum
@@ -2,6 +2,12 @@ github.com/BurntSushi/toml v0.3.1 h1:WXkYYl6Yr3qBf1K79EBnL4mak0OimBfB0XUf9Vl28OQ
 github.com/BurntSushi/toml v0.3.1/go.mod h1:xHWCNGjB5oqiDr8zfno3MHue2Ht5sIBksp03qcyfWMU=
 github.com/Monibuca/engine v1.2.1 h1:TJmC6eZA1lR1MScWgempZLiEZD4T6aY/nn/rlQ9UdK8=
 github.com/Monibuca/engine v1.2.1/go.mod h1:WbDkXENLjcPjyjCR1Mix1GA+uAlwORkv/+8aMVrDX2g=
+github.com/Monibuca/engine v1.2.2 h1:hNjsrZpOmui8lYhgCJ5ltJU8g/k0Rrdysx2tHNGGnbI=
+github.com/Monibuca/engine v1.2.2/go.mod h1:WbDkXENLjcPjyjCR1Mix1GA+uAlwORkv/+8aMVrDX2g=
+github.com/Monibuca/engine/v2 v2.0.0-alpha2 h1:45yazqnnxEEcfHcOJGuIr1xtnBzQT6cPvhlymeZrDmA=
+github.com/Monibuca/engine/v2 v2.0.0-alpha2/go.mod h1:34EYjjV15G6myuHOKaJkO7y5tJ1Arq/NfC9Weacr2mc=
+github.com/Monibuca/engine/v2 v2.0.0 h1:8FjaScrtN8QdbcxO9zZYABMC0Re3I1O1T4p94zAXYb0=
+github.com/Monibuca/engine/v2 v2.0.0/go.mod h1:34EYjjV15G6myuHOKaJkO7y5tJ1Arq/NfC9Weacr2mc=
 github.com/StackExchange/wmi v0.0.0-20190523213315-cbe66965904d h1:G0m3OIz70MZUWq3EgK3CesDbo8upS2Vm9/P3FtgI+Jk=
 github.com/StackExchange/wmi v0.0.0-20190523213315-cbe66965904d/go.mod h1:3eOhrUMpNV+6aFIbp5/iudMxNCF27Vw2OZgy4xEx0Fg=
 github.com/beevik/etree v1.1.0/go.mod h1:r8Aw8JqVegEf0w2fDnATrX9VpkMcyFeM0FhwO62wh+A=
diff --git a/main.go b/main.go
index c177511..a642c16 100644
--- a/main.go
+++ b/main.go
@@ -9,7 +9,7 @@ import (
 	"path/filepath"
 	"strings"
 
-	. "github.com/Monibuca/engine"
+	. "github.com/Monibuca/engine/v2"
 	. "github.com/logrusorgru/aurora"
 )
 
diff --git a/subscriber.go b/subscriber.go
index bb7a6ef..1effb48 100644
--- a/subscriber.go
+++ b/subscriber.go
@@ -5,9 +5,9 @@ import (
 	"net/http"
 	"strings"
 
-	. "github.com/Monibuca/engine"
-	"github.com/Monibuca/engine/avformat"
-	"github.com/Monibuca/engine/pool"
+	. "github.com/Monibuca/engine/v2"
+	"github.com/Monibuca/engine/v2/avformat"
+	"github.com/Monibuca/engine/v2/pool"
 	"github.com/gobwas/ws"
 )
 
@@ -27,12 +27,12 @@ func WsHandler(w http.ResponseWriter, r *http.Request) {
 	if err != nil {
 		return
 	}
-	baseStream := OutputStream{Sign: sign}
+	baseStream := Subscriber{Sign: sign}
 	baseStream.ID = conn.RemoteAddr().String()
 	defer conn.Close()
 	if isFlv {
 		baseStream.Type = "JessicaFlv"
-		baseStream.SendHandler = func(packet *avformat.SendPacket) error {
+		baseStream.OnData = func(packet *avformat.SendPacket) error {
 			return avformat.WriteFLVTag(conn, packet)
 		}
 		if err := ws.WriteHeader(conn, ws.Header{
@@ -47,17 +47,17 @@ func WsHandler(w http.ResponseWriter, r *http.Request) {
 		}
 	} else {
 		baseStream.Type = "Jessica"
-		baseStream.SendHandler = func(packet *avformat.SendPacket) error {
+		baseStream.OnData = func(packet *avformat.SendPacket) error {
 			err := ws.WriteHeader(conn, ws.Header{
 				Fin:    true,
 				OpCode: ws.OpBinary,
-				Length: int64(len(packet.Packet.Payload) + 5),
+				Length: int64(len(packet.Payload) + 5),
 			})
 			if err != nil {
 				return err
 			}
 			head := pool.GetSlice(5)
-			head[0] = packet.Packet.Type - 7
+			head[0] = packet.Type - 7
 			binary.BigEndian.PutUint32(head[1:5], packet.Timestamp)
 			if _, err = conn.Write(head); err != nil {
 				return err
@@ -66,11 +66,11 @@ func WsHandler(w http.ResponseWriter, r *http.Request) {
 			//if p.Header[0] == 2 {
 			//	fmt.Printf("%6d %X\n", (uint32(p.Packet.Payload[5])<<24)|(uint32(p.Packet.Payload[6])<<16)|(uint32(p.Packet.Payload[7])<<8)|uint32(p.Packet.Payload[8]), p.Packet.Payload[9])
 			//}
-			if _, err = conn.Write(packet.Packet.Payload); err != nil {
+			if _, err = conn.Write(packet.Payload); err != nil {
 				return err
 			}
 			return nil
 		}
 	}
-	baseStream.Play(streamPath)
+	baseStream.Subscribe(streamPath)
 }
diff --git a/ui/dist/plugin-jessica.common.js b/ui/dist/plugin-jessica.common.js
index 7ffc63b..e96a69c 100644
--- a/ui/dist/plugin-jessica.common.js
+++ b/ui/dist/plugin-jessica.common.js
@@ -87,24 +87,24 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
-/***/ "6f08":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _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_73320fd8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c604");
-/* harmony import */ var _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_73320fd8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_73320fd8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_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_73320fd8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
-/***/ }),
-
-/***/ "c604":
+/***/ "8026":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
+/***/ "cefa":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _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_7c407d30_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8026");
+/* harmony import */ var _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_7c407d30_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_7c407d30_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_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_7c407d30_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
 /***/ "f6fd":
 /***/ (function(module, exports) {
 
@@ -171,14 +171,14 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"086ccc34-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=template&id=73320fd8&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('mu-data-table',{attrs:{"columns":_vm.columns,"data":_vm.$store.state.Rooms,"min-col-width":50},on:{"row-dblclick":_vm.preview,"row-click":function($event){return _vm.$toast.message('双击预览')}},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(scope.row.StreamPath))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(scope.row.Type||"await"))]),_c('td',{staticClass:"is-center"},[_c('StartTime',{attrs:{"value":scope.row.StartTime}})],1),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(_vm.SoundFormat(scope.row.AudioInfo.SoundFormat)))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(_vm.SoundRate(scope.row.AudioInfo.SoundRate)))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(scope.row.AudioInfo.SoundType))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(_vm.CodecID(scope.row.VideoInfo.CodecID)))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(scope.row.VideoInfo.SPSInfo.Width)+"x"+_vm._s(scope.row.VideoInfo.SPSInfo.Height))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(scope.row.AudioInfo.PacketCount)+"/"+_vm._s(scope.row.VideoInfo.PacketCount))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(_vm.getSubscriberCount(scope.row)))])]}}])}),_c('Jessibuca',{ref:"jessibuca",attrs:{"videoCodec":_vm.currentStream && _vm.CodecID(_vm.currentStream.VideoInfo.CodecID),"audioCodec":_vm.currentStream && _vm.SoundFormat(_vm.currentStream.AudioInfo.SoundFormat)},model:{value:(_vm.showPreview),callback:function ($$v) {_vm.showPreview=$$v},expression:"showPreview"}}),_c('Subscribers',{attrs:{"data":_vm.currentStream && _vm.currentStream.SubscriberInfo || []},model:{value:(_vm.showSubscribers),callback:function ($$v) {_vm.showSubscribers=$$v},expression:"showSubscribers"}})],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"309916e6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=template&id=7c407d30&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_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("预览")]),void 0]}}])}),_c('Jessibuca',{ref:"jessibuca",attrs:{"videoCodec":_vm.currentStream && _vm.CodecID(_vm.currentStream.VideoInfo.CodecID),"audioCodec":_vm.currentStream && _vm.SoundFormat(_vm.currentStream.AudioInfo.SoundFormat)},model:{value:(_vm.showPreview),callback:function ($$v) {_vm.showPreview=$$v},expression:"showPreview"}}),_c('Subscribers',{attrs:{"data":_vm.currentStream && _vm.currentStream.SubscriberInfo || []},model:{value:(_vm.showSubscribers),callback:function ($$v) {_vm.showSubscribers=$$v},expression:"showSubscribers"}})],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=73320fd8&scoped=true&
+// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=7c407d30&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"086ccc34-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Jessibuca.vue?vue&type=template&id=6ae4b67f&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"309916e6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Jessibuca.vue?vue&type=template&id=6ae4b67f&scoped=true&
 var Jessibucavue_type_template_id_6ae4b67f_scoped_true_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.url},on:{"on-ok":_vm.onClosePreview,"on-cancel":_vm.onClosePreview}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('canvas',{staticStyle:{"background":"black"},attrs:{"id":"canvas","width":"488","height":"275"}}),_c('div',{attrs:{"slot":"footer"},slot:"footer"},[(_vm.audioEnabled)?_c('Button',{attrs:{"icon":"md-volume-up"},on:{"click":_vm.turnOff}}):_c('Button',{attrs:{"icon":"md-volume-off"},on:{"click":_vm.turnOn}})],1)])}
 var Jessibucavue_type_template_id_6ae4b67f_scoped_true_staticRenderFns = []
 
@@ -400,57 +400,13 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var Jessibuca = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"086ccc34-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Subscribers.vue?vue&type=template&id=e52213f4&
-var Subscribersvue_type_template_id_e52213f4_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":"查看订阅者"}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('Table',{attrs:{"columns":_vm.subtableColumns,"data":_vm.data}})],1)}
-var Subscribersvue_type_template_id_e52213f4_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"309916e6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Subscribers.vue?vue&type=template&id=31bcef67&
+var Subscribersvue_type_template_id_31bcef67_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":"查看订阅者"}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('Table',{attrs:{"columns":_vm.subtableColumns,"data":_vm.data}})],1)}
+var Subscribersvue_type_template_id_31bcef67_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/Subscribers.vue?vue&type=template&id=e52213f4&
+// CONCATENATED MODULE: ./src/components/Subscribers.vue?vue&type=template&id=31bcef67&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"086ccc34-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/StartTime.vue?vue&type=template&id=062b9730&scoped=true&
-var StartTimevue_type_template_id_062b9730_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Poptip',{attrs:{"trigger":"hover","content":'⌚️'+ new Date(_vm.value).toLocaleString()}},[_c('Time',{attrs:{"time":new Date(_vm.value)}})],1)}
-var StartTimevue_type_template_id_062b9730_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/StartTime.vue?vue&type=template&id=062b9730&scoped=true&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/StartTime.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ var StartTimevue_type_script_lang_js_ = ({
-    name: "StartTime",
-    props:{
-        value:String
-    }
-});
-
-// CONCATENATED MODULE: ./src/components/StartTime.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_StartTimevue_type_script_lang_js_ = (StartTimevue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/StartTime.vue
-
-
-
-
-
-/* normalize component */
-
-var StartTime_component = normalizeComponent(
-  components_StartTimevue_type_script_lang_js_,
-  StartTimevue_type_template_id_062b9730_scoped_true_render,
-  StartTimevue_type_template_id_062b9730_scoped_true_staticRenderFns,
-  false,
-  null,
-  "062b9730",
-  null
-  
-)
-
-/* harmony default export */ var StartTime = (StartTime_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Subscribers.vue?vue&type=script&lang=js&
 //
 //
@@ -459,7 +415,6 @@ var StartTime_component = normalizeComponent(
 //
 //
 
-
 /* harmony default export */ var Subscribersvue_type_script_lang_js_ = ({
   props: {
     data: Array
@@ -524,8 +479,8 @@ var StartTime_component = normalizeComponent(
 
 var Subscribers_component = normalizeComponent(
   components_Subscribersvue_type_script_lang_js_,
-  Subscribersvue_type_template_id_e52213f4_render,
-  Subscribersvue_type_template_id_e52213f4_staticRenderFns,
+  Subscribersvue_type_template_id_31bcef67_render,
+  Subscribersvue_type_template_id_31bcef67_staticRenderFns,
   false,
   null,
   null,
@@ -549,22 +504,6 @@ var Subscribers_component = normalizeComponent(
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -573,7 +512,6 @@ let summaryES = null;
     components: {
         Jessibuca: Jessibuca,
         Subscribers: Subscribers,
-        StartTime: StartTime
     },
     props: {
         ListenAddr: String
@@ -583,71 +521,6 @@ let summaryES = null;
             showPreview: false,
             currentStream: null,
             showSubscribers: false,
-            columns: [
-                {
-                    title: "房间",
-                    name: "StreamPath",
-                    sortable: true,
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "类型",
-                    name: "Type",
-                    sortable: true,
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "开始时间",
-                    name: "StartTime",
-                    sortable: true,
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "音频格式",
-                    name: "AudioInfo",
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "采样率",
-                    name: "AudioInfo",
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "声道",
-                    name: "AudioInfo",
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "视频格式",
-                    name: "VideoInfo",
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "分辨率",
-                    name: "VideoInfo",
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "数据包",
-                    name: "",
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "订阅者",
-                    name: "Subscribes",
-                    align: "center",
-                    cellAlign: "center"
-                }
-            ]
         };
     },
     computed: {
@@ -656,16 +529,7 @@ let summaryES = null;
         }
     },
     methods: {
-        getSubscriberCount(item) {
-            if (
-                this.currentStream &&
-                this.currentStream.StreamPath == item.StreamPath
-            ) {
-                this.currentStream = item;
-            }
-            return item.SubscriberInfo ? item.SubscriberInfo.length : 0;
-        },
-        preview(index, row, event) {
+        preview({row}) {
             this.currentStream = row;
             this.onPlay("ws://" + this.host + "/" + row.StreamPath);
         },
@@ -685,8 +549,8 @@ let summaryES = null;
 
 // CONCATENATED MODULE: ./src/App.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_Appvue_type_script_lang_js_ = (Appvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/App.vue?vue&type=style&index=0&id=73320fd8&scoped=true&lang=css&
-var Appvue_type_style_index_0_id_73320fd8_scoped_true_lang_css_ = __webpack_require__("6f08");
+// EXTERNAL MODULE: ./src/App.vue?vue&type=style&index=0&id=7c407d30&scoped=true&lang=css&
+var Appvue_type_style_index_0_id_7c407d30_scoped_true_lang_css_ = __webpack_require__("cefa");
 
 // CONCATENATED MODULE: ./src/App.vue
 
@@ -703,7 +567,7 @@ var App_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "73320fd8",
+  "7c407d30",
   null
   
 )
diff --git a/ui/dist/plugin-jessica.common.js.map b/ui/dist/plugin-jessica.common.js.map
index 4c25d6b..5275496 100644
--- a/ui/dist/plugin-jessica.common.js.map
+++ b/ui/dist/plugin-jessica.common.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack://plugin-jessica/webpack/bootstrap","webpack://plugin-jessica/./src/App.vue?7198","webpack://plugin-jessica/./src/App.vue?3e27","webpack://plugin-jessica/./node_modules/current-script-polyfill/currentScript.js","webpack://plugin-jessica/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-jessica/./src/App.vue?263a","webpack://plugin-jessica/./src/components/Jessibuca.vue?53a0","webpack://plugin-jessica/src/components/Jessibuca.vue","webpack://plugin-jessica/./src/components/Jessibuca.vue?7240","webpack://plugin-jessica/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-jessica/./src/components/Jessibuca.vue","webpack://plugin-jessica/./src/components/Subscribers.vue?3476","webpack://plugin-jessica/./src/components/StartTime.vue?ec60","webpack://plugin-jessica/src/components/StartTime.vue","webpack://plugin-jessica/./src/components/StartTime.vue?ac73","webpack://plugin-jessica/./src/components/StartTime.vue","webpack://plugin-jessica/src/components/Subscribers.vue","webpack://plugin-jessica/./src/components/Subscribers.vue?ab26","webpack://plugin-jessica/./src/components/Subscribers.vue","webpack://plugin-jessica/src/App.vue","webpack://plugin-jessica/./src/App.vue?8b47","webpack://plugin-jessica/./src/App.vue","webpack://plugin-jessica/./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;AAAA;AAAA;AAAgc,CAAgB,ggBAAG,EAAC,C;;;;;;;ACApd,uC;;;;;;;ACAA;;AAEA;;AAEA;AACA;AACA,wDAAwD;;AAExD;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,mBAAmB;AAChC;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,CAAC;;;;;;;;;;;;ACnCD;;AAEA;AACA,MAAM,IAAuC;AAC7C,IAAI,mBAAO,CAAC,MAAyB;AACrC;;AAEA;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACdnB,0BAA0B,aAAa,0BAA0B,wBAAwB,qCAAqC,OAAO,uEAAuE,KAAK,wDAAwD,mCAAmC,sBAAsB,iCAAiC,iBAAiB,wBAAwB,kDAAkD,wBAAwB,qDAAqD,wBAAwB,kBAAkB,OAAO,6BAA6B,eAAe,wBAAwB,8EAA8E,wBAAwB,0EAA0E,wBAAwB,2DAA2D,wBAAwB,sEAAsE,wBAAwB,8GAA8G,wBAAwB,yGAAyG,wBAAwB,wDAAwD,GAAG,kBAAkB,uBAAuB,8KAA8K,QAAQ,iDAAiD,oBAAoB,2BAA2B,oBAAoB,OAAO,mEAAmE,QAAQ,qDAAqD,wBAAwB,+BAA+B;AAC50D;;;;;;ACDA,IAAI,yDAAM,gBAAgB,aAAa,0BAA0B,wBAAwB,iCAAiC,OAAO,+BAA+B,KAAK,2DAA2D,yDAAyD,aAAa,qBAAqB,QAAQ,4CAA4C,YAAY,OAAO,gBAAgB,eAAe,kCAAkC,OAAO,sBAAsB,KAAK,qBAAqB,eAAe,OAAO,uBAAuB,KAAK,oBAAoB;AAChkB,IAAI,kEAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,EAAC;;;AC/FgL,CAAgB,kHAAG,EAAC,C;;ACAtM;;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,qBAAqB;AACrB;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;;;AC5FoG;AACvC;AACL;;;AAGxD;AAC0F;AAC1F,gBAAgB,kBAAU;AAC1B,EAAE,4CAAM;AACR,EAAE,yDAAM;AACR,EAAE,kEAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,+D;;AClBf,IAAI,+CAAM,gBAAgB,aAAa,0BAA0B,wBAAwB,iCAAiC,OAAO,gCAAgC,wDAAwD,OAAO,+CAA+C;AAC/Q,IAAI,wDAAe;;;;;;ACDnB,IAAI,yDAAM,gBAAgB,aAAa,0BAA0B,wBAAwB,oBAAoB,OAAO,wEAAwE,aAAa,OAAO,4BAA4B;AAC5O,IAAI,kEAAe;;;;;;;;;;;;;ACMnB;AACA;AACA;AACA;AACA;AACA;;;ACZkL,CAAgB,kHAAG,EAAC,C;;ACAlG;AACvC;AACL;;;AAGxD;AAC0F;AAC1F,IAAI,mBAAS,GAAG,kBAAU;AAC1B,EAAE,4CAAM;AACR,EAAE,yDAAM;AACR,EAAE,kEAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,iEAAS,Q;;;;;;;;;ACXW;AACpB;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,SAAS;AAC9B;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;;;AC1DkL,CAAgB,sHAAG,EAAC,C;;ACA9G;AAC3B;AACL;;;AAG1D;AAC0F;AAC1F,IAAI,qBAAS,GAAG,kBAAU;AAC1B,EAAE,8CAAM;AACR,EAAE,+CAAM;AACR,EAAE,wDAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,qEAAS,Q;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACYuB;AACI;AACJ;AAC/C;AACe;AACf;AACA,QAAQ,oBAAS;AACjB,QAAQ,wBAAW;AACnB,QAAQ,oBAAS;AACjB;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;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;;;AClJoK,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-jessica.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","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=73320fd8&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=73320fd8&scoped=true&lang=css&\"","// extracted by mini-css-extract-plugin","// document.currentScript polyfill by Adam Miller\n\n// MIT license\n\n(function(document){\n  var currentScript = \"currentScript\",\n      scripts = document.getElementsByTagName('script'); // Live NodeList collection\n\n  // If browser needs currentScript polyfill, add get currentScript() to the document object\n  if (!(currentScript in document)) {\n    Object.defineProperty(document, currentScript, {\n      get: function(){\n\n        // IE 6-10 supports script readyState\n        // IE 10+ support stack trace\n        try { throw new Error(); }\n        catch (err) {\n\n          // Find the second match for the \"at\" string to get file src url from stack.\n          // Specifically works with the format of stack traces in IE.\n          var i, res = ((/.*at [^\\(]*\\((.*):.+:.+\\)$/ig).exec(err.stack) || [false])[1];\n\n          // For all scripts on the page, if src matches or if ready state is interactive, return the script tag\n          for(i in scripts){\n            if(scripts[i].src == res || scripts[i].readyState == \"interactive\"){\n              return scripts[i];\n            }\n          }\n\n          // If no match, return null\n          return null;\n        }\n      }\n    });\n  }\n})(document);\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    require('current-script-polyfill')\n  }\n\n  var i\n  if ((i = window.document.currentScript) && (i = i.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/))) {\n    __webpack_public_path__ = i[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',[_c('mu-data-table',{attrs:{\"columns\":_vm.columns,\"data\":_vm.$store.state.Rooms,\"min-col-width\":50},on:{\"row-dblclick\":_vm.preview,\"row-click\":function($event){return _vm.$toast.message('双击预览')}},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.StreamPath))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.Type||\"await\"))]),_c('td',{staticClass:\"is-center\"},[_c('StartTime',{attrs:{\"value\":scope.row.StartTime}})],1),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(_vm.SoundFormat(scope.row.AudioInfo.SoundFormat)))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(_vm.SoundRate(scope.row.AudioInfo.SoundRate)))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.AudioInfo.SoundType))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(_vm.CodecID(scope.row.VideoInfo.CodecID)))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.VideoInfo.SPSInfo.Width)+\"x\"+_vm._s(scope.row.VideoInfo.SPSInfo.Height))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.AudioInfo.PacketCount)+\"/\"+_vm._s(scope.row.VideoInfo.PacketCount))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(_vm.getSubscriberCount(scope.row)))])]}}])}),_c('Jessibuca',{ref:\"jessibuca\",attrs:{\"videoCodec\":_vm.currentStream && _vm.CodecID(_vm.currentStream.VideoInfo.CodecID),\"audioCodec\":_vm.currentStream && _vm.SoundFormat(_vm.currentStream.AudioInfo.SoundFormat)},model:{value:(_vm.showPreview),callback:function ($$v) {_vm.showPreview=$$v},expression:\"showPreview\"}}),_c('Subscribers',{attrs:{\"data\":_vm.currentStream && _vm.currentStream.SubscriberInfo || []},model:{value:(_vm.showSubscribers),callback:function ($$v) {_vm.showSubscribers=$$v},expression:\"showSubscribers\"}})],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.url},on:{\"on-ok\":_vm.onClosePreview,\"on-cancel\":_vm.onClosePreview}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('canvas',{staticStyle:{\"background\":\"black\"},attrs:{\"id\":\"canvas\",\"width\":\"488\",\"height\":\"275\"}}),_c('div',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[(_vm.audioEnabled)?_c('Button',{attrs:{\"icon\":\"md-volume-up\"},on:{\"click\":_vm.turnOff}}):_c('Button',{attrs:{\"icon\":\"md-volume-off\"},on:{\"click\":_vm.turnOn}})],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=\"url\"\r\n        @on-ok=\"onClosePreview\"\r\n        @on-cancel=\"onClosePreview\"\r\n    >\r\n        <canvas id=\"canvas\" width=\"488\" height=\"275\" style=\"background: black\" />\r\n        <div slot=\"footer\">\r\n            <Button v-if=\"audioEnabled\" @click=\"turnOff\" icon=\"md-volume-up\" />\r\n            <Button v-else @click=\"turnOn\" icon=\"md-volume-off\"></Button>\r\n        </div>\r\n    </Modal>\r\n</template>\r\n<style scoped>\r\n\r\n\r\n</style>\r\n<script>\r\nlet h5lc = null;\r\nexport default {\r\n    name: \"Jessibuca\",\r\n    props: {\r\n        audioCodec: String,\r\n        videoCodec: String\r\n    },\r\n    data() {\r\n        return {\r\n            audioEnabled: true,\r\n            url: \"\",\r\n            decoderTable: {\r\n                AAC_AVC: \"ff\",\r\n                AAC_H265: \"hevc_aac\",\r\n                MP3_AVC: \"ff_mp3\",\r\n                MP3_H265: \"hevc_mp3\",\r\n                AVC: \"ff\",\r\n                H265: \"hevc_aac\"\r\n            }\r\n        };\r\n    },\r\n    watch: {\r\n        audioEnabled(value) {\r\n            h5lc.audioEnabled(value);\r\n        },\r\n        decoder(value) {\r\n            if (h5lc) {\r\n                h5lc.destroy();\r\n            }\r\n            h5lc = new window.Jessibuca({\r\n                canvas: document.getElementById(\"canvas\"),\r\n                decoder: value\r\n            });\r\n        }\r\n    },\r\n    computed: {\r\n        decoder() {\r\n            let js = this.decoderTable[this.audioCodec + \"_\" + this.videoCodec];\r\n            if (!js) {\r\n                js = this.decoderTable[this.videoCodec] || \"ff\";\r\n            }\r\n            return \"jessibuca/\" + js + \".js\";\r\n        }\r\n    },\r\n    mounted() {\r\n        let s = document.createElement(\"script\");\r\n        s.src = \"/jessibuca/renderer.js\";\r\n        s.onload = function() {\r\n            s.onload = null;\r\n            h5lc = new window.Jessibuca({\r\n                canvas: document.getElementById(\"canvas\"),\r\n                decoder: \"jessibuca/ff.js\"\r\n            });\r\n        };\r\n        this.$root.$el.append(s);\r\n    },\r\n    methods: {\r\n        play(url) {\r\n            this.url = url;\r\n            h5lc.play(url);\r\n        },\r\n        onClosePreview() {\r\n            h5lc.close();\r\n        },\r\n        destroy() {\r\n            h5lc.destroy();\r\n        },\r\n        turnOn() {\r\n            this.audioEnabled = true;\r\n        },\r\n        turnOff() {\r\n            this.audioEnabled = false;\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Jessibuca.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!./Jessibuca.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 () { injectStyles.call(this, this.$root.$options.shadowRoot) }\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 \"./Jessibuca.vue?vue&type=template&id=6ae4b67f&scoped=true&\"\nimport script from \"./Jessibuca.vue?vue&type=script&lang=js&\"\nexport * from \"./Jessibuca.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  \"6ae4b67f\",\n  null\n  \n)\n\nexport default component.exports","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\":\"查看订阅者\"}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('Table',{attrs:{\"columns\":_vm.subtableColumns,\"data\":_vm.data}})],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('Poptip',{attrs:{\"trigger\":\"hover\",\"content\":'⌚️'+ new Date(_vm.value).toLocaleString()}},[_c('Time',{attrs:{\"time\":new Date(_vm.value)}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <Poptip trigger=\"hover\" :content=\"'⌚️'+ new Date(value).toLocaleString()\">\r\n        <Time :time=\"new Date(value)\"></Time>\r\n    </Poptip>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: \"StartTime\",\r\n        props:{\r\n            value:String\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\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!./StartTime.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!./StartTime.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StartTime.vue?vue&type=template&id=062b9730&scoped=true&\"\nimport script from \"./StartTime.vue?vue&type=script&lang=js&\"\nexport * from \"./StartTime.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  \"062b9730\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <Modal v-bind=\"$attrs\" draggable v-on=\"$listeners\" title=\"查看订阅者\">\r\n    <Table :columns=\"subtableColumns\" :data=\"data\"></Table>\r\n  </Modal>\r\n</template>\r\n\r\n<script>\r\nimport StartTime from \"./StartTime\"\r\nexport default {\r\n  props: {\r\n    data: Array\r\n  },\r\n  data() {\r\n    return {\r\n      subtableColumns: [\r\n        {\r\n          title: \"类型\",\r\n          key: \"Type\"\r\n        },\r\n        {\r\n          title: \"Name\",\r\n          key: \"ID\"\r\n        },\r\n        {\r\n          title: \"订阅时间\",\r\n          render(h, { row }) {\r\n            return h(StartTime, {\r\n              props: {\r\n                value: row.SubscribeTime\r\n              }\r\n            });\r\n          }\r\n        },\r\n        {\r\n          title: \"丢帧\",\r\n          render(h, { row }) {\r\n            return h(\r\n              \"span\",\r\n              row.TotalPacket ? row.TotalDrop + \"/\" + row.TotalPacket : \"\"\r\n            );\r\n          }\r\n        },\r\n        {\r\n          title: \"Buffer\",\r\n          render(h, { row }) {\r\n            return h(\"Progress\", {\r\n              props: {\r\n                percent: Math.floor((row.BufferLength * 99) / 1024),\r\n                \"text-inside\": true,\r\n                \"stroke-width\": 20,\r\n                \"stroke-color\": [\"#87d068\", \"#ff0000\"]\r\n              }\r\n            });\r\n          }\r\n        }\r\n      ]\r\n    };\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\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!./Subscribers.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!./Subscribers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Subscribers.vue?vue&type=template&id=e52213f4&\"\nimport script from \"./Subscribers.vue?vue&type=script&lang=js&\"\nexport * from \"./Subscribers.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        <!-- <i-input search enter-button=\"播放\" placeholder=\"\" @on-search=\"onPlay\">\r\n            <span slot=\"prepend\">ws://{{host}}/</span>\r\n        </i-input>-->\r\n        <mu-data-table :columns=\"columns\" :data=\"$store.state.Rooms\" :min-col-width=\"50\" @row-dblclick=\"preview\"\r\n            @row-click=\"$toast.message('双击预览')\">\r\n            <template slot-scope=\"scope\">\r\n                <td class=\"is-center\">{{scope.row.StreamPath}}</td>\r\n                <td class=\"is-center\">{{scope.row.Type||\"await\"}}</td>\r\n                <td class=\"is-center\">\r\n                    <StartTime :value=\"scope.row.StartTime\"></StartTime>\r\n                </td>\r\n                <td class=\"is-center\">{{SoundFormat(scope.row.AudioInfo.SoundFormat)}}</td>\r\n                <td class=\"is-center\">{{SoundRate(scope.row.AudioInfo.SoundRate)}}</td>\r\n                <td class=\"is-center\">{{scope.row.AudioInfo.SoundType}}</td>\r\n                <td class=\"is-center\">{{CodecID(scope.row.VideoInfo.CodecID)}}</td>\r\n                <td class=\"is-center\">{{scope.row.VideoInfo.SPSInfo.Width}}x{{scope.row.VideoInfo.SPSInfo.Height}}</td>\r\n                <td class=\"is-center\">{{scope.row.AudioInfo.PacketCount}}/{{scope.row.VideoInfo.PacketCount}}</td>\r\n                <td class=\"is-center\">{{getSubscriberCount(scope.row)}}</td>\r\n            </template>\r\n        </mu-data-table>\r\n        <Jessibuca ref=\"jessibuca\" v-model=\"showPreview\"\r\n            :videoCodec=\"currentStream && CodecID(currentStream.VideoInfo.CodecID)\"\r\n            :audioCodec=\"currentStream && SoundFormat(currentStream.AudioInfo.SoundFormat)\"></Jessibuca>\r\n        <Subscribers :data=\"currentStream && currentStream.SubscriberInfo || []\" v-model=\"showSubscribers\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Jessibuca from \"./components/Jessibuca\";\r\nimport Subscribers from \"./components/Subscribers\";\r\nimport StartTime from \"./components/StartTime\";\r\nlet summaryES = null;\r\nexport default {\r\n    components: {\r\n        Jessibuca,\r\n        Subscribers,\r\n        StartTime\r\n    },\r\n    props: {\r\n        ListenAddr: String\r\n    },\r\n    data() {\r\n        return {\r\n            showPreview: false,\r\n            currentStream: null,\r\n            showSubscribers: false,\r\n            columns: [\r\n                {\r\n                    title: \"房间\",\r\n                    name: \"StreamPath\",\r\n                    sortable: true,\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"类型\",\r\n                    name: \"Type\",\r\n                    sortable: true,\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"开始时间\",\r\n                    name: \"StartTime\",\r\n                    sortable: true,\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"音频格式\",\r\n                    name: \"AudioInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"采样率\",\r\n                    name: \"AudioInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"声道\",\r\n                    name: \"AudioInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"视频格式\",\r\n                    name: \"VideoInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"分辨率\",\r\n                    name: \"VideoInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"数据包\",\r\n                    name: \"\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"订阅者\",\r\n                    name: \"Subscribes\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    computed: {\r\n        host() {\r\n            return location.hostname + \":\" + this.ListenAddr.split(\":\").pop();\r\n        }\r\n    },\r\n    methods: {\r\n        getSubscriberCount(item) {\r\n            if (\r\n                this.currentStream &&\r\n                this.currentStream.StreamPath == item.StreamPath\r\n            ) {\r\n                this.currentStream = item;\r\n            }\r\n            return item.SubscriberInfo ? item.SubscriberInfo.length : 0;\r\n        },\r\n        preview(index, row, event) {\r\n            this.currentStream = row;\r\n            this.onPlay(\"ws://\" + this.host + \"/\" + row.StreamPath);\r\n        },\r\n        onPlay(url) {\r\n            this.showPreview = true;\r\n            this.$nextTick(() => this.$refs.jessibuca.play(url));\r\n        },\r\n        onShowDetail(item) {\r\n            this.showSubscribers = true;\r\n            this.currentStream = item;\r\n        }\r\n    },\r\n    destroyed() {\r\n        if (this.$refs.jessibuca) this.$refs.jessibuca.destroy();\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\ntd {\r\n    padding-left: 5px;\r\n    padding-right: 5px;\r\n}\r\n\r\n.empty {\r\n    color: #eb5e46;\r\n    width: 100%;\r\n    min-height: 500px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.demo-spin-icon-load {\r\n    animation: ani-demo-spin 1s linear 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=73320fd8&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=73320fd8&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  \"73320fd8\",\n  null\n  \n)\n\nexport default component.exports","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack://plugin-jessica/webpack/bootstrap","webpack://plugin-jessica/./src/App.vue?679a","webpack://plugin-jessica/./src/App.vue?022a","webpack://plugin-jessica/./node_modules/current-script-polyfill/currentScript.js","webpack://plugin-jessica/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-jessica/./src/App.vue?1cc7","webpack://plugin-jessica/./src/components/Jessibuca.vue?24eb","webpack://plugin-jessica/src/components/Jessibuca.vue","webpack://plugin-jessica/./src/components/Jessibuca.vue?7240","webpack://plugin-jessica/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-jessica/./src/components/Jessibuca.vue","webpack://plugin-jessica/./src/components/Subscribers.vue?3028","webpack://plugin-jessica/src/components/Subscribers.vue","webpack://plugin-jessica/./src/components/Subscribers.vue?ab26","webpack://plugin-jessica/./src/components/Subscribers.vue","webpack://plugin-jessica/src/App.vue","webpack://plugin-jessica/./src/App.vue?8b47","webpack://plugin-jessica/./src/App.vue","webpack://plugin-jessica/./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;AAAA;AAAA;AAAgc,CAAgB,ggBAAG,EAAC,C;;;;;;;ACApd;;AAEA;;AAEA;AACA;AACA,wDAAwD;;AAExD;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,mBAAmB;AAChC;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,CAAC;;;;;;;;;;;;ACnCD;;AAEA;AACA,MAAM,IAAuC;AAC7C,IAAI,mBAAO,CAAC,MAAyB;AACrC;;AAEA;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACdnB,0BAA0B,aAAa,0BAA0B,wBAAwB,oCAAoC,qBAAqB,iCAAiC,uBAAuB,IAAI,yBAAyB,4BAA4B,0BAA0B,GAAG,kBAAkB,uBAAuB,8KAA8K,QAAQ,iDAAiD,oBAAoB,2BAA2B,oBAAoB,OAAO,mEAAmE,QAAQ,qDAAqD,wBAAwB,+BAA+B;AACjzB;;;;;;ACDA,IAAI,yDAAM,gBAAgB,aAAa,0BAA0B,wBAAwB,iCAAiC,OAAO,+BAA+B,KAAK,2DAA2D,yDAAyD,aAAa,qBAAqB,QAAQ,4CAA4C,YAAY,OAAO,gBAAgB,eAAe,kCAAkC,OAAO,sBAAsB,KAAK,qBAAqB,eAAe,OAAO,uBAAuB,KAAK,oBAAoB;AAChkB,IAAI,kEAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,EAAC;;;AC/FgL,CAAgB,kHAAG,EAAC,C;;ACAtM;;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,qBAAqB;AACrB;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;;;AC5FoG;AACvC;AACL;;;AAGxD;AAC0F;AAC1F,gBAAgB,kBAAU;AAC1B,EAAE,4CAAM;AACR,EAAE,yDAAM;AACR,EAAE,kEAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,+D;;AClBf,IAAI,+CAAM,gBAAgB,aAAa,0BAA0B,wBAAwB,iCAAiC,OAAO,gCAAgC,wDAAwD,OAAO,+CAA+C;AAC/Q,IAAI,wDAAe;;;;;;;;;;;;;ACMJ;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,CAAC,EAAC;;;ACzDkL,CAAgB,sHAAG,EAAC,C;;ACA9G;AAC3B;AACL;;;AAG1D;AAC0F;AAC1F,IAAI,qBAAS,GAAG,kBAAU;AAC1B,EAAE,8CAAM;AACR,EAAE,+CAAM;AACR,EAAE,wDAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,qEAAS,Q;;;;;;;;;;;;;;;;;ACHuB;AACI;AACnD;AACe;AACf;AACA,QAAQ,oBAAS;AACjB,QAAQ,wBAAW;AACnB;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;;;ACvDoK,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-jessica.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","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=7c407d30&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=7c407d30&scoped=true&lang=css&\"","// document.currentScript polyfill by Adam Miller\n\n// MIT license\n\n(function(document){\n  var currentScript = \"currentScript\",\n      scripts = document.getElementsByTagName('script'); // Live NodeList collection\n\n  // If browser needs currentScript polyfill, add get currentScript() to the document object\n  if (!(currentScript in document)) {\n    Object.defineProperty(document, currentScript, {\n      get: function(){\n\n        // IE 6-10 supports script readyState\n        // IE 10+ support stack trace\n        try { throw new Error(); }\n        catch (err) {\n\n          // Find the second match for the \"at\" string to get file src url from stack.\n          // Specifically works with the format of stack traces in IE.\n          var i, res = ((/.*at [^\\(]*\\((.*):.+:.+\\)$/ig).exec(err.stack) || [false])[1];\n\n          // For all scripts on the page, if src matches or if ready state is interactive, return the script tag\n          for(i in scripts){\n            if(scripts[i].src == res || scripts[i].readyState == \"interactive\"){\n              return scripts[i];\n            }\n          }\n\n          // If no match, return null\n          return null;\n        }\n      }\n    });\n  }\n})(document);\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    require('current-script-polyfill')\n  }\n\n  var i\n  if ((i = window.document.currentScript) && (i = i.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/))) {\n    __webpack_public_path__ = i[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',[_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(\"预览\")]),void 0]}}])}),_c('Jessibuca',{ref:\"jessibuca\",attrs:{\"videoCodec\":_vm.currentStream && _vm.CodecID(_vm.currentStream.VideoInfo.CodecID),\"audioCodec\":_vm.currentStream && _vm.SoundFormat(_vm.currentStream.AudioInfo.SoundFormat)},model:{value:(_vm.showPreview),callback:function ($$v) {_vm.showPreview=$$v},expression:\"showPreview\"}}),_c('Subscribers',{attrs:{\"data\":_vm.currentStream && _vm.currentStream.SubscriberInfo || []},model:{value:(_vm.showSubscribers),callback:function ($$v) {_vm.showSubscribers=$$v},expression:\"showSubscribers\"}})],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.url},on:{\"on-ok\":_vm.onClosePreview,\"on-cancel\":_vm.onClosePreview}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('canvas',{staticStyle:{\"background\":\"black\"},attrs:{\"id\":\"canvas\",\"width\":\"488\",\"height\":\"275\"}}),_c('div',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[(_vm.audioEnabled)?_c('Button',{attrs:{\"icon\":\"md-volume-up\"},on:{\"click\":_vm.turnOff}}):_c('Button',{attrs:{\"icon\":\"md-volume-off\"},on:{\"click\":_vm.turnOn}})],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=\"url\"\r\n        @on-ok=\"onClosePreview\"\r\n        @on-cancel=\"onClosePreview\"\r\n    >\r\n        <canvas id=\"canvas\" width=\"488\" height=\"275\" style=\"background: black\" />\r\n        <div slot=\"footer\">\r\n            <Button v-if=\"audioEnabled\" @click=\"turnOff\" icon=\"md-volume-up\" />\r\n            <Button v-else @click=\"turnOn\" icon=\"md-volume-off\"></Button>\r\n        </div>\r\n    </Modal>\r\n</template>\r\n<style scoped>\r\n\r\n\r\n</style>\r\n<script>\r\nlet h5lc = null;\r\nexport default {\r\n    name: \"Jessibuca\",\r\n    props: {\r\n        audioCodec: String,\r\n        videoCodec: String\r\n    },\r\n    data() {\r\n        return {\r\n            audioEnabled: true,\r\n            url: \"\",\r\n            decoderTable: {\r\n                AAC_AVC: \"ff\",\r\n                AAC_H265: \"hevc_aac\",\r\n                MP3_AVC: \"ff_mp3\",\r\n                MP3_H265: \"hevc_mp3\",\r\n                AVC: \"ff\",\r\n                H265: \"hevc_aac\"\r\n            }\r\n        };\r\n    },\r\n    watch: {\r\n        audioEnabled(value) {\r\n            h5lc.audioEnabled(value);\r\n        },\r\n        decoder(value) {\r\n            if (h5lc) {\r\n                h5lc.destroy();\r\n            }\r\n            h5lc = new window.Jessibuca({\r\n                canvas: document.getElementById(\"canvas\"),\r\n                decoder: value\r\n            });\r\n        }\r\n    },\r\n    computed: {\r\n        decoder() {\r\n            let js = this.decoderTable[this.audioCodec + \"_\" + this.videoCodec];\r\n            if (!js) {\r\n                js = this.decoderTable[this.videoCodec] || \"ff\";\r\n            }\r\n            return \"jessibuca/\" + js + \".js\";\r\n        }\r\n    },\r\n    mounted() {\r\n        let s = document.createElement(\"script\");\r\n        s.src = \"/jessibuca/renderer.js\";\r\n        s.onload = function() {\r\n            s.onload = null;\r\n            h5lc = new window.Jessibuca({\r\n                canvas: document.getElementById(\"canvas\"),\r\n                decoder: \"jessibuca/ff.js\"\r\n            });\r\n        };\r\n        this.$root.$el.append(s);\r\n    },\r\n    methods: {\r\n        play(url) {\r\n            this.url = url;\r\n            h5lc.play(url);\r\n        },\r\n        onClosePreview() {\r\n            h5lc.close();\r\n        },\r\n        destroy() {\r\n            h5lc.destroy();\r\n        },\r\n        turnOn() {\r\n            this.audioEnabled = true;\r\n        },\r\n        turnOff() {\r\n            this.audioEnabled = false;\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Jessibuca.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!./Jessibuca.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 () { injectStyles.call(this, this.$root.$options.shadowRoot) }\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 \"./Jessibuca.vue?vue&type=template&id=6ae4b67f&scoped=true&\"\nimport script from \"./Jessibuca.vue?vue&type=script&lang=js&\"\nexport * from \"./Jessibuca.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  \"6ae4b67f\",\n  null\n  \n)\n\nexport default component.exports","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\":\"查看订阅者\"}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('Table',{attrs:{\"columns\":_vm.subtableColumns,\"data\":_vm.data}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <Modal v-bind=\"$attrs\" draggable v-on=\"$listeners\" title=\"查看订阅者\">\r\n    <Table :columns=\"subtableColumns\" :data=\"data\"></Table>\r\n  </Modal>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    data: Array\r\n  },\r\n  data() {\r\n    return {\r\n      subtableColumns: [\r\n        {\r\n          title: \"类型\",\r\n          key: \"Type\"\r\n        },\r\n        {\r\n          title: \"Name\",\r\n          key: \"ID\"\r\n        },\r\n        {\r\n          title: \"订阅时间\",\r\n          render(h, { row }) {\r\n            return h(StartTime, {\r\n              props: {\r\n                value: row.SubscribeTime\r\n              }\r\n            });\r\n          }\r\n        },\r\n        {\r\n          title: \"丢帧\",\r\n          render(h, { row }) {\r\n            return h(\r\n              \"span\",\r\n              row.TotalPacket ? row.TotalDrop + \"/\" + row.TotalPacket : \"\"\r\n            );\r\n          }\r\n        },\r\n        {\r\n          title: \"Buffer\",\r\n          render(h, { row }) {\r\n            return h(\"Progress\", {\r\n              props: {\r\n                percent: Math.floor((row.BufferLength * 99) / 1024),\r\n                \"text-inside\": true,\r\n                \"stroke-width\": 20,\r\n                \"stroke-color\": [\"#87d068\", \"#ff0000\"]\r\n              }\r\n            });\r\n          }\r\n        }\r\n      ]\r\n    };\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\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!./Subscribers.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!./Subscribers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Subscribers.vue?vue&type=template&id=31bcef67&\"\nimport script from \"./Subscribers.vue?vue&type=script&lang=js&\"\nexport * from \"./Subscribers.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        <stream-table>\r\n            <template v-slot=\"scope\">\r\n                <m-button @click=\"preview(scope)\">预览</m-button>\r\n            <template>\r\n        </stream-table>\r\n        <Jessibuca ref=\"jessibuca\" v-model=\"showPreview\"\r\n            :videoCodec=\"currentStream && CodecID(currentStream.VideoInfo.CodecID)\"\r\n            :audioCodec=\"currentStream && SoundFormat(currentStream.AudioInfo.SoundFormat)\"></Jessibuca>\r\n        <Subscribers :data=\"currentStream && currentStream.SubscriberInfo || []\" v-model=\"showSubscribers\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Jessibuca from \"./components/Jessibuca\";\r\nimport Subscribers from \"./components/Subscribers\";\r\nlet summaryES = null;\r\nexport default {\r\n    components: {\r\n        Jessibuca,\r\n        Subscribers,\r\n    },\r\n    props: {\r\n        ListenAddr: String\r\n    },\r\n    data() {\r\n        return {\r\n            showPreview: false,\r\n            currentStream: null,\r\n            showSubscribers: false,\r\n        };\r\n    },\r\n    computed: {\r\n        host() {\r\n            return location.hostname + \":\" + this.ListenAddr.split(\":\").pop();\r\n        }\r\n    },\r\n    methods: {\r\n        preview({row}) {\r\n            this.currentStream = row;\r\n            this.onPlay(\"ws://\" + this.host + \"/\" + row.StreamPath);\r\n        },\r\n        onPlay(url) {\r\n            this.showPreview = true;\r\n            this.$nextTick(() => this.$refs.jessibuca.play(url));\r\n        },\r\n        onShowDetail(item) {\r\n            this.showSubscribers = true;\r\n            this.currentStream = item;\r\n        }\r\n    },\r\n    destroyed() {\r\n        if (this.$refs.jessibuca) this.$refs.jessibuca.destroy();\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\ntd {\r\n    padding-left: 5px;\r\n    padding-right: 5px;\r\n}\r\n\r\n.empty {\r\n    color: #eb5e46;\r\n    width: 100%;\r\n    min-height: 500px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.demo-spin-icon-load {\r\n    animation: ani-demo-spin 1s linear 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=7c407d30&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=7c407d30&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  \"7c407d30\",\n  null\n  \n)\n\nexport default component.exports","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/ui/dist/plugin-jessica.css b/ui/dist/plugin-jessica.css
index a8b5f55..8d29042 100644
--- a/ui/dist/plugin-jessica.css
+++ b/ui/dist/plugin-jessica.css
@@ -1 +1 @@
-td[data-v-73320fd8]{padding-left:5px;padding-right:5px}.empty[data-v-73320fd8]{color:#eb5e46;width:100%;min-height:500px;display:flex;justify-content:center;align-items:center}.demo-spin-icon-load[data-v-73320fd8]{-webkit-animation:ani-demo-spin 1s linear infinite;animation:ani-demo-spin 1s linear infinite}
\ No newline at end of file
+td[data-v-7c407d30]{padding-left:5px;padding-right:5px}.empty[data-v-7c407d30]{color:#eb5e46;width:100%;min-height:500px;display:flex;justify-content:center;align-items:center}.demo-spin-icon-load[data-v-7c407d30]{-webkit-animation:ani-demo-spin 1s linear infinite;animation:ani-demo-spin 1s linear infinite}
\ No newline at end of file
diff --git a/ui/dist/plugin-jessica.umd.js b/ui/dist/plugin-jessica.umd.js
index 2e0de7d..910ec9d 100644
--- a/ui/dist/plugin-jessica.umd.js
+++ b/ui/dist/plugin-jessica.umd.js
@@ -96,24 +96,24 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
-/***/ "6f08":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _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_73320fd8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c604");
-/* harmony import */ var _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_73320fd8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_73320fd8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_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_73320fd8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
-/***/ }),
-
-/***/ "c604":
+/***/ "8026":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
+/***/ "cefa":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _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_7c407d30_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8026");
+/* harmony import */ var _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_7c407d30_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_7c407d30_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_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_7c407d30_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
 /***/ "f6fd":
 /***/ (function(module, exports) {
 
@@ -180,14 +180,14 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"086ccc34-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=template&id=73320fd8&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('mu-data-table',{attrs:{"columns":_vm.columns,"data":_vm.$store.state.Rooms,"min-col-width":50},on:{"row-dblclick":_vm.preview,"row-click":function($event){return _vm.$toast.message('双击预览')}},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(scope.row.StreamPath))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(scope.row.Type||"await"))]),_c('td',{staticClass:"is-center"},[_c('StartTime',{attrs:{"value":scope.row.StartTime}})],1),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(_vm.SoundFormat(scope.row.AudioInfo.SoundFormat)))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(_vm.SoundRate(scope.row.AudioInfo.SoundRate)))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(scope.row.AudioInfo.SoundType))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(_vm.CodecID(scope.row.VideoInfo.CodecID)))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(scope.row.VideoInfo.SPSInfo.Width)+"x"+_vm._s(scope.row.VideoInfo.SPSInfo.Height))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(scope.row.AudioInfo.PacketCount)+"/"+_vm._s(scope.row.VideoInfo.PacketCount))]),_c('td',{staticClass:"is-center"},[_vm._v(_vm._s(_vm.getSubscriberCount(scope.row)))])]}}])}),_c('Jessibuca',{ref:"jessibuca",attrs:{"videoCodec":_vm.currentStream && _vm.CodecID(_vm.currentStream.VideoInfo.CodecID),"audioCodec":_vm.currentStream && _vm.SoundFormat(_vm.currentStream.AudioInfo.SoundFormat)},model:{value:(_vm.showPreview),callback:function ($$v) {_vm.showPreview=$$v},expression:"showPreview"}}),_c('Subscribers',{attrs:{"data":_vm.currentStream && _vm.currentStream.SubscriberInfo || []},model:{value:(_vm.showSubscribers),callback:function ($$v) {_vm.showSubscribers=$$v},expression:"showSubscribers"}})],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"309916e6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=template&id=7c407d30&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_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("预览")]),void 0]}}])}),_c('Jessibuca',{ref:"jessibuca",attrs:{"videoCodec":_vm.currentStream && _vm.CodecID(_vm.currentStream.VideoInfo.CodecID),"audioCodec":_vm.currentStream && _vm.SoundFormat(_vm.currentStream.AudioInfo.SoundFormat)},model:{value:(_vm.showPreview),callback:function ($$v) {_vm.showPreview=$$v},expression:"showPreview"}}),_c('Subscribers',{attrs:{"data":_vm.currentStream && _vm.currentStream.SubscriberInfo || []},model:{value:(_vm.showSubscribers),callback:function ($$v) {_vm.showSubscribers=$$v},expression:"showSubscribers"}})],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=73320fd8&scoped=true&
+// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=7c407d30&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"086ccc34-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Jessibuca.vue?vue&type=template&id=6ae4b67f&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"309916e6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Jessibuca.vue?vue&type=template&id=6ae4b67f&scoped=true&
 var Jessibucavue_type_template_id_6ae4b67f_scoped_true_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.url},on:{"on-ok":_vm.onClosePreview,"on-cancel":_vm.onClosePreview}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('canvas',{staticStyle:{"background":"black"},attrs:{"id":"canvas","width":"488","height":"275"}}),_c('div',{attrs:{"slot":"footer"},slot:"footer"},[(_vm.audioEnabled)?_c('Button',{attrs:{"icon":"md-volume-up"},on:{"click":_vm.turnOff}}):_c('Button',{attrs:{"icon":"md-volume-off"},on:{"click":_vm.turnOn}})],1)])}
 var Jessibucavue_type_template_id_6ae4b67f_scoped_true_staticRenderFns = []
 
@@ -409,57 +409,13 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var Jessibuca = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"086ccc34-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Subscribers.vue?vue&type=template&id=e52213f4&
-var Subscribersvue_type_template_id_e52213f4_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":"查看订阅者"}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('Table',{attrs:{"columns":_vm.subtableColumns,"data":_vm.data}})],1)}
-var Subscribersvue_type_template_id_e52213f4_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"309916e6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Subscribers.vue?vue&type=template&id=31bcef67&
+var Subscribersvue_type_template_id_31bcef67_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":"查看订阅者"}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('Table',{attrs:{"columns":_vm.subtableColumns,"data":_vm.data}})],1)}
+var Subscribersvue_type_template_id_31bcef67_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/Subscribers.vue?vue&type=template&id=e52213f4&
+// CONCATENATED MODULE: ./src/components/Subscribers.vue?vue&type=template&id=31bcef67&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"086ccc34-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/StartTime.vue?vue&type=template&id=062b9730&scoped=true&
-var StartTimevue_type_template_id_062b9730_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Poptip',{attrs:{"trigger":"hover","content":'⌚️'+ new Date(_vm.value).toLocaleString()}},[_c('Time',{attrs:{"time":new Date(_vm.value)}})],1)}
-var StartTimevue_type_template_id_062b9730_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/StartTime.vue?vue&type=template&id=062b9730&scoped=true&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/StartTime.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ var StartTimevue_type_script_lang_js_ = ({
-    name: "StartTime",
-    props:{
-        value:String
-    }
-});
-
-// CONCATENATED MODULE: ./src/components/StartTime.vue?vue&type=script&lang=js&
- /* harmony default export */ var components_StartTimevue_type_script_lang_js_ = (StartTimevue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/StartTime.vue
-
-
-
-
-
-/* normalize component */
-
-var StartTime_component = normalizeComponent(
-  components_StartTimevue_type_script_lang_js_,
-  StartTimevue_type_template_id_062b9730_scoped_true_render,
-  StartTimevue_type_template_id_062b9730_scoped_true_staticRenderFns,
-  false,
-  null,
-  "062b9730",
-  null
-  
-)
-
-/* harmony default export */ var StartTime = (StartTime_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Subscribers.vue?vue&type=script&lang=js&
 //
 //
@@ -468,7 +424,6 @@ var StartTime_component = normalizeComponent(
 //
 //
 
-
 /* harmony default export */ var Subscribersvue_type_script_lang_js_ = ({
   props: {
     data: Array
@@ -533,8 +488,8 @@ var StartTime_component = normalizeComponent(
 
 var Subscribers_component = normalizeComponent(
   components_Subscribersvue_type_script_lang_js_,
-  Subscribersvue_type_template_id_e52213f4_render,
-  Subscribersvue_type_template_id_e52213f4_staticRenderFns,
+  Subscribersvue_type_template_id_31bcef67_render,
+  Subscribersvue_type_template_id_31bcef67_staticRenderFns,
   false,
   null,
   null,
@@ -558,22 +513,6 @@ var Subscribers_component = normalizeComponent(
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -582,7 +521,6 @@ let summaryES = null;
     components: {
         Jessibuca: Jessibuca,
         Subscribers: Subscribers,
-        StartTime: StartTime
     },
     props: {
         ListenAddr: String
@@ -592,71 +530,6 @@ let summaryES = null;
             showPreview: false,
             currentStream: null,
             showSubscribers: false,
-            columns: [
-                {
-                    title: "房间",
-                    name: "StreamPath",
-                    sortable: true,
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "类型",
-                    name: "Type",
-                    sortable: true,
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "开始时间",
-                    name: "StartTime",
-                    sortable: true,
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "音频格式",
-                    name: "AudioInfo",
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "采样率",
-                    name: "AudioInfo",
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "声道",
-                    name: "AudioInfo",
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "视频格式",
-                    name: "VideoInfo",
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "分辨率",
-                    name: "VideoInfo",
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "数据包",
-                    name: "",
-                    align: "center",
-                    cellAlign: "center"
-                },
-                {
-                    title: "订阅者",
-                    name: "Subscribes",
-                    align: "center",
-                    cellAlign: "center"
-                }
-            ]
         };
     },
     computed: {
@@ -665,16 +538,7 @@ let summaryES = null;
         }
     },
     methods: {
-        getSubscriberCount(item) {
-            if (
-                this.currentStream &&
-                this.currentStream.StreamPath == item.StreamPath
-            ) {
-                this.currentStream = item;
-            }
-            return item.SubscriberInfo ? item.SubscriberInfo.length : 0;
-        },
-        preview(index, row, event) {
+        preview({row}) {
             this.currentStream = row;
             this.onPlay("ws://" + this.host + "/" + row.StreamPath);
         },
@@ -694,8 +558,8 @@ let summaryES = null;
 
 // CONCATENATED MODULE: ./src/App.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_Appvue_type_script_lang_js_ = (Appvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/App.vue?vue&type=style&index=0&id=73320fd8&scoped=true&lang=css&
-var Appvue_type_style_index_0_id_73320fd8_scoped_true_lang_css_ = __webpack_require__("6f08");
+// EXTERNAL MODULE: ./src/App.vue?vue&type=style&index=0&id=7c407d30&scoped=true&lang=css&
+var Appvue_type_style_index_0_id_7c407d30_scoped_true_lang_css_ = __webpack_require__("cefa");
 
 // CONCATENATED MODULE: ./src/App.vue
 
@@ -712,7 +576,7 @@ var App_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "73320fd8",
+  "7c407d30",
   null
   
 )
diff --git a/ui/dist/plugin-jessica.umd.js.map b/ui/dist/plugin-jessica.umd.js.map
index 04adff9..bc9dc75 100644
--- a/ui/dist/plugin-jessica.umd.js.map
+++ b/ui/dist/plugin-jessica.umd.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack://plugin-jessica/webpack/universalModuleDefinition","webpack://plugin-jessica/webpack/bootstrap","webpack://plugin-jessica/./src/App.vue?7198","webpack://plugin-jessica/./src/App.vue?3e27","webpack://plugin-jessica/./node_modules/current-script-polyfill/currentScript.js","webpack://plugin-jessica/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-jessica/./src/App.vue?263a","webpack://plugin-jessica/./src/components/Jessibuca.vue?53a0","webpack://plugin-jessica/src/components/Jessibuca.vue","webpack://plugin-jessica/./src/components/Jessibuca.vue?7240","webpack://plugin-jessica/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-jessica/./src/components/Jessibuca.vue","webpack://plugin-jessica/./src/components/Subscribers.vue?3476","webpack://plugin-jessica/./src/components/StartTime.vue?ec60","webpack://plugin-jessica/src/components/StartTime.vue","webpack://plugin-jessica/./src/components/StartTime.vue?ac73","webpack://plugin-jessica/./src/components/StartTime.vue","webpack://plugin-jessica/src/components/Subscribers.vue","webpack://plugin-jessica/./src/components/Subscribers.vue?ab26","webpack://plugin-jessica/./src/components/Subscribers.vue","webpack://plugin-jessica/src/App.vue","webpack://plugin-jessica/./src/App.vue?8b47","webpack://plugin-jessica/./src/App.vue","webpack://plugin-jessica/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;QCVA;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;AAAA;AAAA;AAAgc,CAAgB,ggBAAG,EAAC,C;;;;;;;ACApd,uC;;;;;;;ACAA;;AAEA;;AAEA;AACA;AACA,wDAAwD;;AAExD;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,mBAAmB;AAChC;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,CAAC;;;;;;;;;;;;ACnCD;;AAEA;AACA,MAAM,IAAuC;AAC7C,IAAI,mBAAO,CAAC,MAAyB;AACrC;;AAEA;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACdnB,0BAA0B,aAAa,0BAA0B,wBAAwB,qCAAqC,OAAO,uEAAuE,KAAK,wDAAwD,mCAAmC,sBAAsB,iCAAiC,iBAAiB,wBAAwB,kDAAkD,wBAAwB,qDAAqD,wBAAwB,kBAAkB,OAAO,6BAA6B,eAAe,wBAAwB,8EAA8E,wBAAwB,0EAA0E,wBAAwB,2DAA2D,wBAAwB,sEAAsE,wBAAwB,8GAA8G,wBAAwB,yGAAyG,wBAAwB,wDAAwD,GAAG,kBAAkB,uBAAuB,8KAA8K,QAAQ,iDAAiD,oBAAoB,2BAA2B,oBAAoB,OAAO,mEAAmE,QAAQ,qDAAqD,wBAAwB,+BAA+B;AAC50D;;;;;;ACDA,IAAI,yDAAM,gBAAgB,aAAa,0BAA0B,wBAAwB,iCAAiC,OAAO,+BAA+B,KAAK,2DAA2D,yDAAyD,aAAa,qBAAqB,QAAQ,4CAA4C,YAAY,OAAO,gBAAgB,eAAe,kCAAkC,OAAO,sBAAsB,KAAK,qBAAqB,eAAe,OAAO,uBAAuB,KAAK,oBAAoB;AAChkB,IAAI,kEAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,EAAC;;;AC/FgL,CAAgB,kHAAG,EAAC,C;;ACAtM;;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,qBAAqB;AACrB;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;;;AC5FoG;AACvC;AACL;;;AAGxD;AAC0F;AAC1F,gBAAgB,kBAAU;AAC1B,EAAE,4CAAM;AACR,EAAE,yDAAM;AACR,EAAE,kEAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,+D;;AClBf,IAAI,+CAAM,gBAAgB,aAAa,0BAA0B,wBAAwB,iCAAiC,OAAO,gCAAgC,wDAAwD,OAAO,+CAA+C;AAC/Q,IAAI,wDAAe;;;;;;ACDnB,IAAI,yDAAM,gBAAgB,aAAa,0BAA0B,wBAAwB,oBAAoB,OAAO,wEAAwE,aAAa,OAAO,4BAA4B;AAC5O,IAAI,kEAAe;;;;;;;;;;;;;ACMnB;AACA;AACA;AACA;AACA;AACA;;;ACZkL,CAAgB,kHAAG,EAAC,C;;ACAlG;AACvC;AACL;;;AAGxD;AAC0F;AAC1F,IAAI,mBAAS,GAAG,kBAAU;AAC1B,EAAE,4CAAM;AACR,EAAE,yDAAM;AACR,EAAE,kEAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,iEAAS,Q;;;;;;;;;ACXW;AACpB;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,SAAS;AAC9B;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;;;AC1DkL,CAAgB,sHAAG,EAAC,C;;ACA9G;AAC3B;AACL;;;AAG1D;AAC0F;AAC1F,IAAI,qBAAS,GAAG,kBAAU;AAC1B,EAAE,8CAAM;AACR,EAAE,+CAAM;AACR,EAAE,wDAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,qEAAS,Q;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACYuB;AACI;AACJ;AAC/C;AACe;AACf;AACA,QAAQ,oBAAS;AACjB,QAAQ,wBAAW;AACnB,QAAQ,oBAAS;AACjB;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;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;;;AClJoK,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-jessica.umd.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"plugin-jessica\"] = factory();\n\telse\n\t\troot[\"plugin-jessica\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn "," \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","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=73320fd8&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=73320fd8&scoped=true&lang=css&\"","// extracted by mini-css-extract-plugin","// document.currentScript polyfill by Adam Miller\n\n// MIT license\n\n(function(document){\n  var currentScript = \"currentScript\",\n      scripts = document.getElementsByTagName('script'); // Live NodeList collection\n\n  // If browser needs currentScript polyfill, add get currentScript() to the document object\n  if (!(currentScript in document)) {\n    Object.defineProperty(document, currentScript, {\n      get: function(){\n\n        // IE 6-10 supports script readyState\n        // IE 10+ support stack trace\n        try { throw new Error(); }\n        catch (err) {\n\n          // Find the second match for the \"at\" string to get file src url from stack.\n          // Specifically works with the format of stack traces in IE.\n          var i, res = ((/.*at [^\\(]*\\((.*):.+:.+\\)$/ig).exec(err.stack) || [false])[1];\n\n          // For all scripts on the page, if src matches or if ready state is interactive, return the script tag\n          for(i in scripts){\n            if(scripts[i].src == res || scripts[i].readyState == \"interactive\"){\n              return scripts[i];\n            }\n          }\n\n          // If no match, return null\n          return null;\n        }\n      }\n    });\n  }\n})(document);\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    require('current-script-polyfill')\n  }\n\n  var i\n  if ((i = window.document.currentScript) && (i = i.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/))) {\n    __webpack_public_path__ = i[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',[_c('mu-data-table',{attrs:{\"columns\":_vm.columns,\"data\":_vm.$store.state.Rooms,\"min-col-width\":50},on:{\"row-dblclick\":_vm.preview,\"row-click\":function($event){return _vm.$toast.message('双击预览')}},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.StreamPath))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.Type||\"await\"))]),_c('td',{staticClass:\"is-center\"},[_c('StartTime',{attrs:{\"value\":scope.row.StartTime}})],1),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(_vm.SoundFormat(scope.row.AudioInfo.SoundFormat)))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(_vm.SoundRate(scope.row.AudioInfo.SoundRate)))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.AudioInfo.SoundType))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(_vm.CodecID(scope.row.VideoInfo.CodecID)))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.VideoInfo.SPSInfo.Width)+\"x\"+_vm._s(scope.row.VideoInfo.SPSInfo.Height))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.AudioInfo.PacketCount)+\"/\"+_vm._s(scope.row.VideoInfo.PacketCount))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(_vm.getSubscriberCount(scope.row)))])]}}])}),_c('Jessibuca',{ref:\"jessibuca\",attrs:{\"videoCodec\":_vm.currentStream && _vm.CodecID(_vm.currentStream.VideoInfo.CodecID),\"audioCodec\":_vm.currentStream && _vm.SoundFormat(_vm.currentStream.AudioInfo.SoundFormat)},model:{value:(_vm.showPreview),callback:function ($$v) {_vm.showPreview=$$v},expression:\"showPreview\"}}),_c('Subscribers',{attrs:{\"data\":_vm.currentStream && _vm.currentStream.SubscriberInfo || []},model:{value:(_vm.showSubscribers),callback:function ($$v) {_vm.showSubscribers=$$v},expression:\"showSubscribers\"}})],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.url},on:{\"on-ok\":_vm.onClosePreview,\"on-cancel\":_vm.onClosePreview}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('canvas',{staticStyle:{\"background\":\"black\"},attrs:{\"id\":\"canvas\",\"width\":\"488\",\"height\":\"275\"}}),_c('div',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[(_vm.audioEnabled)?_c('Button',{attrs:{\"icon\":\"md-volume-up\"},on:{\"click\":_vm.turnOff}}):_c('Button',{attrs:{\"icon\":\"md-volume-off\"},on:{\"click\":_vm.turnOn}})],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=\"url\"\r\n        @on-ok=\"onClosePreview\"\r\n        @on-cancel=\"onClosePreview\"\r\n    >\r\n        <canvas id=\"canvas\" width=\"488\" height=\"275\" style=\"background: black\" />\r\n        <div slot=\"footer\">\r\n            <Button v-if=\"audioEnabled\" @click=\"turnOff\" icon=\"md-volume-up\" />\r\n            <Button v-else @click=\"turnOn\" icon=\"md-volume-off\"></Button>\r\n        </div>\r\n    </Modal>\r\n</template>\r\n<style scoped>\r\n\r\n\r\n</style>\r\n<script>\r\nlet h5lc = null;\r\nexport default {\r\n    name: \"Jessibuca\",\r\n    props: {\r\n        audioCodec: String,\r\n        videoCodec: String\r\n    },\r\n    data() {\r\n        return {\r\n            audioEnabled: true,\r\n            url: \"\",\r\n            decoderTable: {\r\n                AAC_AVC: \"ff\",\r\n                AAC_H265: \"hevc_aac\",\r\n                MP3_AVC: \"ff_mp3\",\r\n                MP3_H265: \"hevc_mp3\",\r\n                AVC: \"ff\",\r\n                H265: \"hevc_aac\"\r\n            }\r\n        };\r\n    },\r\n    watch: {\r\n        audioEnabled(value) {\r\n            h5lc.audioEnabled(value);\r\n        },\r\n        decoder(value) {\r\n            if (h5lc) {\r\n                h5lc.destroy();\r\n            }\r\n            h5lc = new window.Jessibuca({\r\n                canvas: document.getElementById(\"canvas\"),\r\n                decoder: value\r\n            });\r\n        }\r\n    },\r\n    computed: {\r\n        decoder() {\r\n            let js = this.decoderTable[this.audioCodec + \"_\" + this.videoCodec];\r\n            if (!js) {\r\n                js = this.decoderTable[this.videoCodec] || \"ff\";\r\n            }\r\n            return \"jessibuca/\" + js + \".js\";\r\n        }\r\n    },\r\n    mounted() {\r\n        let s = document.createElement(\"script\");\r\n        s.src = \"/jessibuca/renderer.js\";\r\n        s.onload = function() {\r\n            s.onload = null;\r\n            h5lc = new window.Jessibuca({\r\n                canvas: document.getElementById(\"canvas\"),\r\n                decoder: \"jessibuca/ff.js\"\r\n            });\r\n        };\r\n        this.$root.$el.append(s);\r\n    },\r\n    methods: {\r\n        play(url) {\r\n            this.url = url;\r\n            h5lc.play(url);\r\n        },\r\n        onClosePreview() {\r\n            h5lc.close();\r\n        },\r\n        destroy() {\r\n            h5lc.destroy();\r\n        },\r\n        turnOn() {\r\n            this.audioEnabled = true;\r\n        },\r\n        turnOff() {\r\n            this.audioEnabled = false;\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Jessibuca.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!./Jessibuca.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 () { injectStyles.call(this, this.$root.$options.shadowRoot) }\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 \"./Jessibuca.vue?vue&type=template&id=6ae4b67f&scoped=true&\"\nimport script from \"./Jessibuca.vue?vue&type=script&lang=js&\"\nexport * from \"./Jessibuca.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  \"6ae4b67f\",\n  null\n  \n)\n\nexport default component.exports","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\":\"查看订阅者\"}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('Table',{attrs:{\"columns\":_vm.subtableColumns,\"data\":_vm.data}})],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('Poptip',{attrs:{\"trigger\":\"hover\",\"content\":'⌚️'+ new Date(_vm.value).toLocaleString()}},[_c('Time',{attrs:{\"time\":new Date(_vm.value)}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <Poptip trigger=\"hover\" :content=\"'⌚️'+ new Date(value).toLocaleString()\">\r\n        <Time :time=\"new Date(value)\"></Time>\r\n    </Poptip>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: \"StartTime\",\r\n        props:{\r\n            value:String\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\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!./StartTime.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!./StartTime.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StartTime.vue?vue&type=template&id=062b9730&scoped=true&\"\nimport script from \"./StartTime.vue?vue&type=script&lang=js&\"\nexport * from \"./StartTime.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  \"062b9730\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <Modal v-bind=\"$attrs\" draggable v-on=\"$listeners\" title=\"查看订阅者\">\r\n    <Table :columns=\"subtableColumns\" :data=\"data\"></Table>\r\n  </Modal>\r\n</template>\r\n\r\n<script>\r\nimport StartTime from \"./StartTime\"\r\nexport default {\r\n  props: {\r\n    data: Array\r\n  },\r\n  data() {\r\n    return {\r\n      subtableColumns: [\r\n        {\r\n          title: \"类型\",\r\n          key: \"Type\"\r\n        },\r\n        {\r\n          title: \"Name\",\r\n          key: \"ID\"\r\n        },\r\n        {\r\n          title: \"订阅时间\",\r\n          render(h, { row }) {\r\n            return h(StartTime, {\r\n              props: {\r\n                value: row.SubscribeTime\r\n              }\r\n            });\r\n          }\r\n        },\r\n        {\r\n          title: \"丢帧\",\r\n          render(h, { row }) {\r\n            return h(\r\n              \"span\",\r\n              row.TotalPacket ? row.TotalDrop + \"/\" + row.TotalPacket : \"\"\r\n            );\r\n          }\r\n        },\r\n        {\r\n          title: \"Buffer\",\r\n          render(h, { row }) {\r\n            return h(\"Progress\", {\r\n              props: {\r\n                percent: Math.floor((row.BufferLength * 99) / 1024),\r\n                \"text-inside\": true,\r\n                \"stroke-width\": 20,\r\n                \"stroke-color\": [\"#87d068\", \"#ff0000\"]\r\n              }\r\n            });\r\n          }\r\n        }\r\n      ]\r\n    };\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\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!./Subscribers.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!./Subscribers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Subscribers.vue?vue&type=template&id=e52213f4&\"\nimport script from \"./Subscribers.vue?vue&type=script&lang=js&\"\nexport * from \"./Subscribers.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        <!-- <i-input search enter-button=\"播放\" placeholder=\"\" @on-search=\"onPlay\">\r\n            <span slot=\"prepend\">ws://{{host}}/</span>\r\n        </i-input>-->\r\n        <mu-data-table :columns=\"columns\" :data=\"$store.state.Rooms\" :min-col-width=\"50\" @row-dblclick=\"preview\"\r\n            @row-click=\"$toast.message('双击预览')\">\r\n            <template slot-scope=\"scope\">\r\n                <td class=\"is-center\">{{scope.row.StreamPath}}</td>\r\n                <td class=\"is-center\">{{scope.row.Type||\"await\"}}</td>\r\n                <td class=\"is-center\">\r\n                    <StartTime :value=\"scope.row.StartTime\"></StartTime>\r\n                </td>\r\n                <td class=\"is-center\">{{SoundFormat(scope.row.AudioInfo.SoundFormat)}}</td>\r\n                <td class=\"is-center\">{{SoundRate(scope.row.AudioInfo.SoundRate)}}</td>\r\n                <td class=\"is-center\">{{scope.row.AudioInfo.SoundType}}</td>\r\n                <td class=\"is-center\">{{CodecID(scope.row.VideoInfo.CodecID)}}</td>\r\n                <td class=\"is-center\">{{scope.row.VideoInfo.SPSInfo.Width}}x{{scope.row.VideoInfo.SPSInfo.Height}}</td>\r\n                <td class=\"is-center\">{{scope.row.AudioInfo.PacketCount}}/{{scope.row.VideoInfo.PacketCount}}</td>\r\n                <td class=\"is-center\">{{getSubscriberCount(scope.row)}}</td>\r\n            </template>\r\n        </mu-data-table>\r\n        <Jessibuca ref=\"jessibuca\" v-model=\"showPreview\"\r\n            :videoCodec=\"currentStream && CodecID(currentStream.VideoInfo.CodecID)\"\r\n            :audioCodec=\"currentStream && SoundFormat(currentStream.AudioInfo.SoundFormat)\"></Jessibuca>\r\n        <Subscribers :data=\"currentStream && currentStream.SubscriberInfo || []\" v-model=\"showSubscribers\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Jessibuca from \"./components/Jessibuca\";\r\nimport Subscribers from \"./components/Subscribers\";\r\nimport StartTime from \"./components/StartTime\";\r\nlet summaryES = null;\r\nexport default {\r\n    components: {\r\n        Jessibuca,\r\n        Subscribers,\r\n        StartTime\r\n    },\r\n    props: {\r\n        ListenAddr: String\r\n    },\r\n    data() {\r\n        return {\r\n            showPreview: false,\r\n            currentStream: null,\r\n            showSubscribers: false,\r\n            columns: [\r\n                {\r\n                    title: \"房间\",\r\n                    name: \"StreamPath\",\r\n                    sortable: true,\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"类型\",\r\n                    name: \"Type\",\r\n                    sortable: true,\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"开始时间\",\r\n                    name: \"StartTime\",\r\n                    sortable: true,\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"音频格式\",\r\n                    name: \"AudioInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"采样率\",\r\n                    name: \"AudioInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"声道\",\r\n                    name: \"AudioInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"视频格式\",\r\n                    name: \"VideoInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"分辨率\",\r\n                    name: \"VideoInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"数据包\",\r\n                    name: \"\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"订阅者\",\r\n                    name: \"Subscribes\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    computed: {\r\n        host() {\r\n            return location.hostname + \":\" + this.ListenAddr.split(\":\").pop();\r\n        }\r\n    },\r\n    methods: {\r\n        getSubscriberCount(item) {\r\n            if (\r\n                this.currentStream &&\r\n                this.currentStream.StreamPath == item.StreamPath\r\n            ) {\r\n                this.currentStream = item;\r\n            }\r\n            return item.SubscriberInfo ? item.SubscriberInfo.length : 0;\r\n        },\r\n        preview(index, row, event) {\r\n            this.currentStream = row;\r\n            this.onPlay(\"ws://\" + this.host + \"/\" + row.StreamPath);\r\n        },\r\n        onPlay(url) {\r\n            this.showPreview = true;\r\n            this.$nextTick(() => this.$refs.jessibuca.play(url));\r\n        },\r\n        onShowDetail(item) {\r\n            this.showSubscribers = true;\r\n            this.currentStream = item;\r\n        }\r\n    },\r\n    destroyed() {\r\n        if (this.$refs.jessibuca) this.$refs.jessibuca.destroy();\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\ntd {\r\n    padding-left: 5px;\r\n    padding-right: 5px;\r\n}\r\n\r\n.empty {\r\n    color: #eb5e46;\r\n    width: 100%;\r\n    min-height: 500px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.demo-spin-icon-load {\r\n    animation: ani-demo-spin 1s linear 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=73320fd8&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=73320fd8&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  \"73320fd8\",\n  null\n  \n)\n\nexport default component.exports","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack://plugin-jessica/webpack/universalModuleDefinition","webpack://plugin-jessica/webpack/bootstrap","webpack://plugin-jessica/./src/App.vue?679a","webpack://plugin-jessica/./src/App.vue?022a","webpack://plugin-jessica/./node_modules/current-script-polyfill/currentScript.js","webpack://plugin-jessica/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-jessica/./src/App.vue?1cc7","webpack://plugin-jessica/./src/components/Jessibuca.vue?24eb","webpack://plugin-jessica/src/components/Jessibuca.vue","webpack://plugin-jessica/./src/components/Jessibuca.vue?7240","webpack://plugin-jessica/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-jessica/./src/components/Jessibuca.vue","webpack://plugin-jessica/./src/components/Subscribers.vue?3028","webpack://plugin-jessica/src/components/Subscribers.vue","webpack://plugin-jessica/./src/components/Subscribers.vue?ab26","webpack://plugin-jessica/./src/components/Subscribers.vue","webpack://plugin-jessica/src/App.vue","webpack://plugin-jessica/./src/App.vue?8b47","webpack://plugin-jessica/./src/App.vue","webpack://plugin-jessica/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;QCVA;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;AAAA;AAAA;AAAgc,CAAgB,ggBAAG,EAAC,C;;;;;;;ACApd;;AAEA;;AAEA;AACA;AACA,wDAAwD;;AAExD;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,mBAAmB;AAChC;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,CAAC;;;;;;;;;;;;ACnCD;;AAEA;AACA,MAAM,IAAuC;AAC7C,IAAI,mBAAO,CAAC,MAAyB;AACrC;;AAEA;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACdnB,0BAA0B,aAAa,0BAA0B,wBAAwB,oCAAoC,qBAAqB,iCAAiC,uBAAuB,IAAI,yBAAyB,4BAA4B,0BAA0B,GAAG,kBAAkB,uBAAuB,8KAA8K,QAAQ,iDAAiD,oBAAoB,2BAA2B,oBAAoB,OAAO,mEAAmE,QAAQ,qDAAqD,wBAAwB,+BAA+B;AACjzB;;;;;;ACDA,IAAI,yDAAM,gBAAgB,aAAa,0BAA0B,wBAAwB,iCAAiC,OAAO,+BAA+B,KAAK,2DAA2D,yDAAyD,aAAa,qBAAqB,QAAQ,4CAA4C,YAAY,OAAO,gBAAgB,eAAe,kCAAkC,OAAO,sBAAsB,KAAK,qBAAqB,eAAe,OAAO,uBAAuB,KAAK,oBAAoB;AAChkB,IAAI,kEAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,EAAC;;;AC/FgL,CAAgB,kHAAG,EAAC,C;;ACAtM;;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,qBAAqB;AACrB;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;;;AC5FoG;AACvC;AACL;;;AAGxD;AAC0F;AAC1F,gBAAgB,kBAAU;AAC1B,EAAE,4CAAM;AACR,EAAE,yDAAM;AACR,EAAE,kEAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,+D;;AClBf,IAAI,+CAAM,gBAAgB,aAAa,0BAA0B,wBAAwB,iCAAiC,OAAO,gCAAgC,wDAAwD,OAAO,+CAA+C;AAC/Q,IAAI,wDAAe;;;;;;;;;;;;;ACMJ;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,CAAC,EAAC;;;ACzDkL,CAAgB,sHAAG,EAAC,C;;ACA9G;AAC3B;AACL;;;AAG1D;AAC0F;AAC1F,IAAI,qBAAS,GAAG,kBAAU;AAC1B,EAAE,8CAAM;AACR,EAAE,+CAAM;AACR,EAAE,wDAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,qEAAS,Q;;;;;;;;;;;;;;;;;ACHuB;AACI;AACnD;AACe;AACf;AACA,QAAQ,oBAAS;AACjB,QAAQ,wBAAW;AACnB;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;;;ACvDoK,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-jessica.umd.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"plugin-jessica\"] = factory();\n\telse\n\t\troot[\"plugin-jessica\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn "," \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","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=7c407d30&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=7c407d30&scoped=true&lang=css&\"","// document.currentScript polyfill by Adam Miller\n\n// MIT license\n\n(function(document){\n  var currentScript = \"currentScript\",\n      scripts = document.getElementsByTagName('script'); // Live NodeList collection\n\n  // If browser needs currentScript polyfill, add get currentScript() to the document object\n  if (!(currentScript in document)) {\n    Object.defineProperty(document, currentScript, {\n      get: function(){\n\n        // IE 6-10 supports script readyState\n        // IE 10+ support stack trace\n        try { throw new Error(); }\n        catch (err) {\n\n          // Find the second match for the \"at\" string to get file src url from stack.\n          // Specifically works with the format of stack traces in IE.\n          var i, res = ((/.*at [^\\(]*\\((.*):.+:.+\\)$/ig).exec(err.stack) || [false])[1];\n\n          // For all scripts on the page, if src matches or if ready state is interactive, return the script tag\n          for(i in scripts){\n            if(scripts[i].src == res || scripts[i].readyState == \"interactive\"){\n              return scripts[i];\n            }\n          }\n\n          // If no match, return null\n          return null;\n        }\n      }\n    });\n  }\n})(document);\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    require('current-script-polyfill')\n  }\n\n  var i\n  if ((i = window.document.currentScript) && (i = i.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/))) {\n    __webpack_public_path__ = i[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',[_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(\"预览\")]),void 0]}}])}),_c('Jessibuca',{ref:\"jessibuca\",attrs:{\"videoCodec\":_vm.currentStream && _vm.CodecID(_vm.currentStream.VideoInfo.CodecID),\"audioCodec\":_vm.currentStream && _vm.SoundFormat(_vm.currentStream.AudioInfo.SoundFormat)},model:{value:(_vm.showPreview),callback:function ($$v) {_vm.showPreview=$$v},expression:\"showPreview\"}}),_c('Subscribers',{attrs:{\"data\":_vm.currentStream && _vm.currentStream.SubscriberInfo || []},model:{value:(_vm.showSubscribers),callback:function ($$v) {_vm.showSubscribers=$$v},expression:\"showSubscribers\"}})],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.url},on:{\"on-ok\":_vm.onClosePreview,\"on-cancel\":_vm.onClosePreview}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('canvas',{staticStyle:{\"background\":\"black\"},attrs:{\"id\":\"canvas\",\"width\":\"488\",\"height\":\"275\"}}),_c('div',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[(_vm.audioEnabled)?_c('Button',{attrs:{\"icon\":\"md-volume-up\"},on:{\"click\":_vm.turnOff}}):_c('Button',{attrs:{\"icon\":\"md-volume-off\"},on:{\"click\":_vm.turnOn}})],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=\"url\"\r\n        @on-ok=\"onClosePreview\"\r\n        @on-cancel=\"onClosePreview\"\r\n    >\r\n        <canvas id=\"canvas\" width=\"488\" height=\"275\" style=\"background: black\" />\r\n        <div slot=\"footer\">\r\n            <Button v-if=\"audioEnabled\" @click=\"turnOff\" icon=\"md-volume-up\" />\r\n            <Button v-else @click=\"turnOn\" icon=\"md-volume-off\"></Button>\r\n        </div>\r\n    </Modal>\r\n</template>\r\n<style scoped>\r\n\r\n\r\n</style>\r\n<script>\r\nlet h5lc = null;\r\nexport default {\r\n    name: \"Jessibuca\",\r\n    props: {\r\n        audioCodec: String,\r\n        videoCodec: String\r\n    },\r\n    data() {\r\n        return {\r\n            audioEnabled: true,\r\n            url: \"\",\r\n            decoderTable: {\r\n                AAC_AVC: \"ff\",\r\n                AAC_H265: \"hevc_aac\",\r\n                MP3_AVC: \"ff_mp3\",\r\n                MP3_H265: \"hevc_mp3\",\r\n                AVC: \"ff\",\r\n                H265: \"hevc_aac\"\r\n            }\r\n        };\r\n    },\r\n    watch: {\r\n        audioEnabled(value) {\r\n            h5lc.audioEnabled(value);\r\n        },\r\n        decoder(value) {\r\n            if (h5lc) {\r\n                h5lc.destroy();\r\n            }\r\n            h5lc = new window.Jessibuca({\r\n                canvas: document.getElementById(\"canvas\"),\r\n                decoder: value\r\n            });\r\n        }\r\n    },\r\n    computed: {\r\n        decoder() {\r\n            let js = this.decoderTable[this.audioCodec + \"_\" + this.videoCodec];\r\n            if (!js) {\r\n                js = this.decoderTable[this.videoCodec] || \"ff\";\r\n            }\r\n            return \"jessibuca/\" + js + \".js\";\r\n        }\r\n    },\r\n    mounted() {\r\n        let s = document.createElement(\"script\");\r\n        s.src = \"/jessibuca/renderer.js\";\r\n        s.onload = function() {\r\n            s.onload = null;\r\n            h5lc = new window.Jessibuca({\r\n                canvas: document.getElementById(\"canvas\"),\r\n                decoder: \"jessibuca/ff.js\"\r\n            });\r\n        };\r\n        this.$root.$el.append(s);\r\n    },\r\n    methods: {\r\n        play(url) {\r\n            this.url = url;\r\n            h5lc.play(url);\r\n        },\r\n        onClosePreview() {\r\n            h5lc.close();\r\n        },\r\n        destroy() {\r\n            h5lc.destroy();\r\n        },\r\n        turnOn() {\r\n            this.audioEnabled = true;\r\n        },\r\n        turnOff() {\r\n            this.audioEnabled = false;\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Jessibuca.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!./Jessibuca.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 () { injectStyles.call(this, this.$root.$options.shadowRoot) }\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 \"./Jessibuca.vue?vue&type=template&id=6ae4b67f&scoped=true&\"\nimport script from \"./Jessibuca.vue?vue&type=script&lang=js&\"\nexport * from \"./Jessibuca.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  \"6ae4b67f\",\n  null\n  \n)\n\nexport default component.exports","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\":\"查看订阅者\"}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('Table',{attrs:{\"columns\":_vm.subtableColumns,\"data\":_vm.data}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <Modal v-bind=\"$attrs\" draggable v-on=\"$listeners\" title=\"查看订阅者\">\r\n    <Table :columns=\"subtableColumns\" :data=\"data\"></Table>\r\n  </Modal>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    data: Array\r\n  },\r\n  data() {\r\n    return {\r\n      subtableColumns: [\r\n        {\r\n          title: \"类型\",\r\n          key: \"Type\"\r\n        },\r\n        {\r\n          title: \"Name\",\r\n          key: \"ID\"\r\n        },\r\n        {\r\n          title: \"订阅时间\",\r\n          render(h, { row }) {\r\n            return h(StartTime, {\r\n              props: {\r\n                value: row.SubscribeTime\r\n              }\r\n            });\r\n          }\r\n        },\r\n        {\r\n          title: \"丢帧\",\r\n          render(h, { row }) {\r\n            return h(\r\n              \"span\",\r\n              row.TotalPacket ? row.TotalDrop + \"/\" + row.TotalPacket : \"\"\r\n            );\r\n          }\r\n        },\r\n        {\r\n          title: \"Buffer\",\r\n          render(h, { row }) {\r\n            return h(\"Progress\", {\r\n              props: {\r\n                percent: Math.floor((row.BufferLength * 99) / 1024),\r\n                \"text-inside\": true,\r\n                \"stroke-width\": 20,\r\n                \"stroke-color\": [\"#87d068\", \"#ff0000\"]\r\n              }\r\n            });\r\n          }\r\n        }\r\n      ]\r\n    };\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\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!./Subscribers.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!./Subscribers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Subscribers.vue?vue&type=template&id=31bcef67&\"\nimport script from \"./Subscribers.vue?vue&type=script&lang=js&\"\nexport * from \"./Subscribers.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        <stream-table>\r\n            <template v-slot=\"scope\">\r\n                <m-button @click=\"preview(scope)\">预览</m-button>\r\n            <template>\r\n        </stream-table>\r\n        <Jessibuca ref=\"jessibuca\" v-model=\"showPreview\"\r\n            :videoCodec=\"currentStream && CodecID(currentStream.VideoInfo.CodecID)\"\r\n            :audioCodec=\"currentStream && SoundFormat(currentStream.AudioInfo.SoundFormat)\"></Jessibuca>\r\n        <Subscribers :data=\"currentStream && currentStream.SubscriberInfo || []\" v-model=\"showSubscribers\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Jessibuca from \"./components/Jessibuca\";\r\nimport Subscribers from \"./components/Subscribers\";\r\nlet summaryES = null;\r\nexport default {\r\n    components: {\r\n        Jessibuca,\r\n        Subscribers,\r\n    },\r\n    props: {\r\n        ListenAddr: String\r\n    },\r\n    data() {\r\n        return {\r\n            showPreview: false,\r\n            currentStream: null,\r\n            showSubscribers: false,\r\n        };\r\n    },\r\n    computed: {\r\n        host() {\r\n            return location.hostname + \":\" + this.ListenAddr.split(\":\").pop();\r\n        }\r\n    },\r\n    methods: {\r\n        preview({row}) {\r\n            this.currentStream = row;\r\n            this.onPlay(\"ws://\" + this.host + \"/\" + row.StreamPath);\r\n        },\r\n        onPlay(url) {\r\n            this.showPreview = true;\r\n            this.$nextTick(() => this.$refs.jessibuca.play(url));\r\n        },\r\n        onShowDetail(item) {\r\n            this.showSubscribers = true;\r\n            this.currentStream = item;\r\n        }\r\n    },\r\n    destroyed() {\r\n        if (this.$refs.jessibuca) this.$refs.jessibuca.destroy();\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\ntd {\r\n    padding-left: 5px;\r\n    padding-right: 5px;\r\n}\r\n\r\n.empty {\r\n    color: #eb5e46;\r\n    width: 100%;\r\n    min-height: 500px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.demo-spin-icon-load {\r\n    animation: ani-demo-spin 1s linear 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=7c407d30&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=7c407d30&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  \"7c407d30\",\n  null\n  \n)\n\nexport default component.exports","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/ui/dist/plugin-jessica.umd.min.js b/ui/dist/plugin-jessica.umd.min.js
index f773d2e..644864f 100644
--- a/ui/dist/plugin-jessica.umd.min.js
+++ b/ui/dist/plugin-jessica.umd.min.js
@@ -1,2 +1,2 @@
-(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["plugin-jessica"]=t():e["plugin-jessica"]=t()})("undefined"!==typeof self?self:this,(function(){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s="fb15")}({"6f08":function(e,t,r){"use strict";var n=r("c604"),o=r.n(n);o.a},c604:function(e,t,r){},f6fd:function(e,t){(function(e){var t="currentScript",r=e.getElementsByTagName("script");t in e||Object.defineProperty(e,t,{get:function(){try{throw new Error}catch(n){var e,t=(/.*at [^\(]*\((.*):.+:.+\)$/gi.exec(n.stack)||[!1])[1];for(e in r)if(r[e].src==t||"interactive"==r[e].readyState)return r[e];return null}}})})(document)},fb15:function(e,t,r){"use strict";var n;(r.r(t),"undefined"!==typeof window)&&(r("f6fd"),(n=window.document.currentScript)&&(n=n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))&&(r.p=n[1]));var o=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",[r("mu-data-table",{attrs:{columns:e.columns,data:e.$store.state.Rooms,"min-col-width":50},on:{"row-dblclick":e.preview,"row-click":function(t){return e.$toast.message("双击预览")}},scopedSlots:e._u([{key:"default",fn:function(t){return[r("td",{staticClass:"is-center"},[e._v(e._s(t.row.StreamPath))]),r("td",{staticClass:"is-center"},[e._v(e._s(t.row.Type||"await"))]),r("td",{staticClass:"is-center"},[r("StartTime",{attrs:{value:t.row.StartTime}})],1),r("td",{staticClass:"is-center"},[e._v(e._s(e.SoundFormat(t.row.AudioInfo.SoundFormat)))]),r("td",{staticClass:"is-center"},[e._v(e._s(e.SoundRate(t.row.AudioInfo.SoundRate)))]),r("td",{staticClass:"is-center"},[e._v(e._s(t.row.AudioInfo.SoundType))]),r("td",{staticClass:"is-center"},[e._v(e._s(e.CodecID(t.row.VideoInfo.CodecID)))]),r("td",{staticClass:"is-center"},[e._v(e._s(t.row.VideoInfo.SPSInfo.Width)+"x"+e._s(t.row.VideoInfo.SPSInfo.Height))]),r("td",{staticClass:"is-center"},[e._v(e._s(t.row.AudioInfo.PacketCount)+"/"+e._s(t.row.VideoInfo.PacketCount))]),r("td",{staticClass:"is-center"},[e._v(e._s(e.getSubscriberCount(t.row)))])]}}])}),r("Jessibuca",{ref:"jessibuca",attrs:{videoCodec:e.currentStream&&e.CodecID(e.currentStream.VideoInfo.CodecID),audioCodec:e.currentStream&&e.SoundFormat(e.currentStream.AudioInfo.SoundFormat)},model:{value:e.showPreview,callback:function(t){e.showPreview=t},expression:"showPreview"}}),r("Subscribers",{attrs:{data:e.currentStream&&e.currentStream.SubscriberInfo||[]},model:{value:e.showSubscribers,callback:function(t){e.showSubscribers=t},expression:"showSubscribers"}})],1)},s=[],i=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("Modal",e._g(e._b({attrs:{draggable:"",title:e.url},on:{"on-ok":e.onClosePreview,"on-cancel":e.onClosePreview}},"Modal",e.$attrs,!1),e.$listeners),[r("canvas",{staticStyle:{background:"black"},attrs:{id:"canvas",width:"488",height:"275"}}),r("div",{attrs:{slot:"footer"},slot:"footer"},[e.audioEnabled?r("Button",{attrs:{icon:"md-volume-up"},on:{click:e.turnOff}}):r("Button",{attrs:{icon:"md-volume-off"},on:{click:e.turnOn}})],1)])},a=[];let c=null;var l={name:"Jessibuca",props:{audioCodec:String,videoCodec:String},data(){return{audioEnabled:!0,url:"",decoderTable:{AAC_AVC:"ff",AAC_H265:"hevc_aac",MP3_AVC:"ff_mp3",MP3_H265:"hevc_mp3",AVC:"ff",H265:"hevc_aac"}}},watch:{audioEnabled(e){c.audioEnabled(e)},decoder(e){c&&c.destroy(),c=new window.Jessibuca({canvas:document.getElementById("canvas"),decoder:e})}},computed:{decoder(){let e=this.decoderTable[this.audioCodec+"_"+this.videoCodec];return e||(e=this.decoderTable[this.videoCodec]||"ff"),"jessibuca/"+e+".js"}},mounted(){let e=document.createElement("script");e.src="/jessibuca/renderer.js",e.onload=function(){e.onload=null,c=new window.Jessibuca({canvas:document.getElementById("canvas"),decoder:"jessibuca/ff.js"})},this.$root.$el.append(e)},methods:{play(e){this.url=e,c.play(e)},onClosePreview(){c.close()},destroy(){c.destroy()},turnOn(){this.audioEnabled=!0},turnOff(){this.audioEnabled=!1}}},u=l;function d(e,t,r,n,o,s,i,a){var c,l="function"===typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=r,l._compiled=!0),n&&(l.functional=!0),s&&(l._scopeId="data-v-"+s),i?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},l._ssrRegister=c):o&&(c=a?function(){o.call(this,this.$root.$options.shadowRoot)}:o),c)if(l.functional){l._injectStyles=c;var u=l.render;l.render=function(e,t){return c.call(t),u(e,t)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,c):[c]}return{exports:e,options:l}}var f=d(u,i,a,!1,null,"6ae4b67f",null),m=f.exports,p=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("Modal",e._g(e._b({attrs:{draggable:"",title:"查看订阅者"}},"Modal",e.$attrs,!1),e.$listeners),[r("Table",{attrs:{columns:e.subtableColumns,data:e.data}})],1)},b=[],h=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("Poptip",{attrs:{trigger:"hover",content:"⌚️"+new Date(e.value).toLocaleString()}},[r("Time",{attrs:{time:new Date(e.value)}})],1)},v=[],S={name:"StartTime",props:{value:String}},_=S,w=d(_,h,v,!1,null,"062b9730",null),g=w.exports,y={props:{data:Array},data(){return{subtableColumns:[{title:"类型",key:"Type"},{title:"Name",key:"ID"},{title:"订阅时间",render(e,{row:t}){return e(g,{props:{value:t.SubscribeTime}})}},{title:"丢帧",render(e,{row:t}){return e("span",t.TotalPacket?t.TotalDrop+"/"+t.TotalPacket:"")}},{title:"Buffer",render(e,{row:t}){return e("Progress",{props:{percent:Math.floor(99*t.BufferLength/1024),"text-inside":!0,"stroke-width":20,"stroke-color":["#87d068","#ff0000"]}})}}]}}},C=y,P=d(C,p,b,!1,null,null,null),A=P.exports;var I={components:{Jessibuca:m,Subscribers:A,StartTime:g},props:{ListenAddr:String},data(){return{showPreview:!1,currentStream:null,showSubscribers:!1,columns:[{title:"房间",name:"StreamPath",sortable:!0,align:"center",cellAlign:"center"},{title:"类型",name:"Type",sortable:!0,align:"center",cellAlign:"center"},{title:"开始时间",name:"StartTime",sortable:!0,align:"center",cellAlign:"center"},{title:"音频格式",name:"AudioInfo",align:"center",cellAlign:"center"},{title:"采样率",name:"AudioInfo",align:"center",cellAlign:"center"},{title:"声道",name:"AudioInfo",align:"center",cellAlign:"center"},{title:"视频格式",name:"VideoInfo",align:"center",cellAlign:"center"},{title:"分辨率",name:"VideoInfo",align:"center",cellAlign:"center"},{title:"数据包",name:"",align:"center",cellAlign:"center"},{title:"订阅者",name:"Subscribes",align:"center",cellAlign:"center"}]}},computed:{host(){return location.hostname+":"+this.ListenAddr.split(":").pop()}},methods:{getSubscriberCount(e){return this.currentStream&&this.currentStream.StreamPath==e.StreamPath&&(this.currentStream=e),e.SubscriberInfo?e.SubscriberInfo.length:0},preview(e,t,r){this.currentStream=t,this.onPlay("ws://"+this.host+"/"+t.StreamPath)},onPlay(e){this.showPreview=!0,this.$nextTick(()=>this.$refs.jessibuca.play(e))},onShowDetail(e){this.showSubscribers=!0,this.currentStream=e}},destroyed(){this.$refs.jessibuca&&this.$refs.jessibuca.destroy()}},T=I,j=(r("6f08"),d(T,o,s,!1,null,"73320fd8",null)),$=j.exports;t["default"]=$}})["default"]}));
+(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["plugin-jessica"]=t():e["plugin-jessica"]=t()})("undefined"!==typeof self?self:this,(function(){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s="fb15")}({8026:function(e,t,r){},cefa:function(e,t,r){"use strict";var n=r("8026"),o=r.n(n);o.a},f6fd:function(e,t){(function(e){var t="currentScript",r=e.getElementsByTagName("script");t in e||Object.defineProperty(e,t,{get:function(){try{throw new Error}catch(n){var e,t=(/.*at [^\(]*\((.*):.+:.+\)$/gi.exec(n.stack)||[!1])[1];for(e in r)if(r[e].src==t||"interactive"==r[e].readyState)return r[e];return null}}})})(document)},fb15:function(e,t,r){"use strict";var n;(r.r(t),"undefined"!==typeof window)&&(r("f6fd"),(n=window.document.currentScript)&&(n=n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))&&(r.p=n[1]));var o=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",[r("stream-table",{scopedSlots:e._u([{key:"default",fn:function(t){return[r("m-button",{on:{click:function(r){return e.preview(t)}}},[e._v("预览")]),void 0]}}])}),r("Jessibuca",{ref:"jessibuca",attrs:{videoCodec:e.currentStream&&e.CodecID(e.currentStream.VideoInfo.CodecID),audioCodec:e.currentStream&&e.SoundFormat(e.currentStream.AudioInfo.SoundFormat)},model:{value:e.showPreview,callback:function(t){e.showPreview=t},expression:"showPreview"}}),r("Subscribers",{attrs:{data:e.currentStream&&e.currentStream.SubscriberInfo||[]},model:{value:e.showSubscribers,callback:function(t){e.showSubscribers=t},expression:"showSubscribers"}})],1)},s=[],a=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("Modal",e._g(e._b({attrs:{draggable:"",title:e.url},on:{"on-ok":e.onClosePreview,"on-cancel":e.onClosePreview}},"Modal",e.$attrs,!1),e.$listeners),[r("canvas",{staticStyle:{background:"black"},attrs:{id:"canvas",width:"488",height:"275"}}),r("div",{attrs:{slot:"footer"},slot:"footer"},[e.audioEnabled?r("Button",{attrs:{icon:"md-volume-up"},on:{click:e.turnOff}}):r("Button",{attrs:{icon:"md-volume-off"},on:{click:e.turnOn}})],1)])},i=[];let c=null;var u={name:"Jessibuca",props:{audioCodec:String,videoCodec:String},data(){return{audioEnabled:!0,url:"",decoderTable:{AAC_AVC:"ff",AAC_H265:"hevc_aac",MP3_AVC:"ff_mp3",MP3_H265:"hevc_mp3",AVC:"ff",H265:"hevc_aac"}}},watch:{audioEnabled(e){c.audioEnabled(e)},decoder(e){c&&c.destroy(),c=new window.Jessibuca({canvas:document.getElementById("canvas"),decoder:e})}},computed:{decoder(){let e=this.decoderTable[this.audioCodec+"_"+this.videoCodec];return e||(e=this.decoderTable[this.videoCodec]||"ff"),"jessibuca/"+e+".js"}},mounted(){let e=document.createElement("script");e.src="/jessibuca/renderer.js",e.onload=function(){e.onload=null,c=new window.Jessibuca({canvas:document.getElementById("canvas"),decoder:"jessibuca/ff.js"})},this.$root.$el.append(e)},methods:{play(e){this.url=e,c.play(e)},onClosePreview(){c.close()},destroy(){c.destroy()},turnOn(){this.audioEnabled=!0},turnOff(){this.audioEnabled=!1}}},d=u;function l(e,t,r,n,o,s,a,i){var c,u="function"===typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=r,u._compiled=!0),n&&(u.functional=!0),s&&(u._scopeId="data-v-"+s),a?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},u._ssrRegister=c):o&&(c=i?function(){o.call(this,this.$root.$options.shadowRoot)}:o),c)if(u.functional){u._injectStyles=c;var d=u.render;u.render=function(e,t){return c.call(t),d(e,t)}}else{var l=u.beforeCreate;u.beforeCreate=l?[].concat(l,c):[c]}return{exports:e,options:u}}var f=l(d,a,i,!1,null,"6ae4b67f",null),p=f.exports,b=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("Modal",e._g(e._b({attrs:{draggable:"",title:"查看订阅者"}},"Modal",e.$attrs,!1),e.$listeners),[r("Table",{attrs:{columns:e.subtableColumns,data:e.data}})],1)},h=[],m={props:{data:Array},data(){return{subtableColumns:[{title:"类型",key:"Type"},{title:"Name",key:"ID"},{title:"订阅时间",render(e,{row:t}){return e(StartTime,{props:{value:t.SubscribeTime}})}},{title:"丢帧",render(e,{row:t}){return e("span",t.TotalPacket?t.TotalDrop+"/"+t.TotalPacket:"")}},{title:"Buffer",render(e,{row:t}){return e("Progress",{props:{percent:Math.floor(99*t.BufferLength/1024),"text-inside":!0,"stroke-width":20,"stroke-color":["#87d068","#ff0000"]}})}}]}}},v=m,_=l(v,b,h,!1,null,null,null),w=_.exports;var y={components:{Jessibuca:p,Subscribers:w},props:{ListenAddr:String},data(){return{showPreview:!1,currentStream:null,showSubscribers:!1}},computed:{host(){return location.hostname+":"+this.ListenAddr.split(":").pop()}},methods:{preview({row:e}){this.currentStream=e,this.onPlay("ws://"+this.host+"/"+e.StreamPath)},onPlay(e){this.showPreview=!0,this.$nextTick(()=>this.$refs.jessibuca.play(e))},onShowDetail(e){this.showSubscribers=!0,this.currentStream=e}},destroyed(){this.$refs.jessibuca&&this.$refs.jessibuca.destroy()}},S=y,g=(r("cefa"),l(S,o,s,!1,null,"7c407d30",null)),C=g.exports;t["default"]=C}})["default"]}));
 //# sourceMappingURL=plugin-jessica.umd.min.js.map
\ No newline at end of file
diff --git a/ui/dist/plugin-jessica.umd.min.js.map b/ui/dist/plugin-jessica.umd.min.js.map
index e4f0a62..ac24328 100644
--- a/ui/dist/plugin-jessica.umd.min.js.map
+++ b/ui/dist/plugin-jessica.umd.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack://plugin-jessica/webpack/universalModuleDefinition","webpack://plugin-jessica/webpack/bootstrap","webpack://plugin-jessica/./src/App.vue?7198","webpack://plugin-jessica/./node_modules/current-script-polyfill/currentScript.js","webpack://plugin-jessica/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-jessica/./src/App.vue?263a","webpack://plugin-jessica/./src/components/Jessibuca.vue?53a0","webpack://plugin-jessica/src/components/Jessibuca.vue","webpack://plugin-jessica/./src/components/Jessibuca.vue?7240","webpack://plugin-jessica/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-jessica/./src/components/Jessibuca.vue","webpack://plugin-jessica/./src/components/Subscribers.vue?3476","webpack://plugin-jessica/./src/components/StartTime.vue?ec60","webpack://plugin-jessica/src/components/StartTime.vue","webpack://plugin-jessica/./src/components/StartTime.vue?ac73","webpack://plugin-jessica/./src/components/StartTime.vue","webpack://plugin-jessica/src/components/Subscribers.vue","webpack://plugin-jessica/./src/components/Subscribers.vue?ab26","webpack://plugin-jessica/./src/components/Subscribers.vue","webpack://plugin-jessica/src/App.vue","webpack://plugin-jessica/./src/App.vue?8b47","webpack://plugin-jessica/./src/App.vue","webpack://plugin-jessica/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":["root","factory","exports","module","define","amd","self","this","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","document","currentScript","scripts","getElementsByTagName","Error","err","res","exec","stack","src","readyState","window","match","render","_vm","_h","$createElement","_c","_self","attrs","columns","$store","state","Rooms","on","preview","$event","$toast","message","scopedSlots","_u","fn","scope","staticClass","_v","_s","row","StreamPath","Type","StartTime","SoundFormat","AudioInfo","SoundRate","SoundType","CodecID","VideoInfo","SPSInfo","Width","Height","PacketCount","getSubscriberCount","ref","currentStream","model","callback","$$v","showPreview","expression","SubscriberInfo","showSubscribers","staticRenderFns","_g","_b","url","onClosePreview","$attrs","$listeners","staticStyle","slot","turnOff","turnOn","h5lc","props","audioCodec","String","videoCodec","audioEnabled","decoderTable","AAC_AVC","AAC_H265","MP3_AVC","MP3_H265","AVC","H265","watch","destroy","Jessibuca","canvas","getElementById","decoder","computed","js","createElement","onload","$root","$el","append","methods","play","close","normalizeComponent","scriptExports","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","component","subtableColumns","data","Date","toLocaleString","Array","title","SubscribeTime","TotalPacket","TotalDrop","percent","Math","floor","BufferLength","components","Subscribers","ListenAddr","sortable","align","cellAlign","location","hostname","split","pop","item","length","index","event","onPlay","host","$nextTick","$refs","jessibuca"],"mappings":"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","file":"plugin-jessica.umd.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"plugin-jessica\"] = factory();\n\telse\n\t\troot[\"plugin-jessica\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn "," \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","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=73320fd8&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=73320fd8&scoped=true&lang=css&\"","// document.currentScript polyfill by Adam Miller\n\n// MIT license\n\n(function(document){\n  var currentScript = \"currentScript\",\n      scripts = document.getElementsByTagName('script'); // Live NodeList collection\n\n  // If browser needs currentScript polyfill, add get currentScript() to the document object\n  if (!(currentScript in document)) {\n    Object.defineProperty(document, currentScript, {\n      get: function(){\n\n        // IE 6-10 supports script readyState\n        // IE 10+ support stack trace\n        try { throw new Error(); }\n        catch (err) {\n\n          // Find the second match for the \"at\" string to get file src url from stack.\n          // Specifically works with the format of stack traces in IE.\n          var i, res = ((/.*at [^\\(]*\\((.*):.+:.+\\)$/ig).exec(err.stack) || [false])[1];\n\n          // For all scripts on the page, if src matches or if ready state is interactive, return the script tag\n          for(i in scripts){\n            if(scripts[i].src == res || scripts[i].readyState == \"interactive\"){\n              return scripts[i];\n            }\n          }\n\n          // If no match, return null\n          return null;\n        }\n      }\n    });\n  }\n})(document);\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    require('current-script-polyfill')\n  }\n\n  var i\n  if ((i = window.document.currentScript) && (i = i.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/))) {\n    __webpack_public_path__ = i[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',[_c('mu-data-table',{attrs:{\"columns\":_vm.columns,\"data\":_vm.$store.state.Rooms,\"min-col-width\":50},on:{\"row-dblclick\":_vm.preview,\"row-click\":function($event){return _vm.$toast.message('双击预览')}},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.StreamPath))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.Type||\"await\"))]),_c('td',{staticClass:\"is-center\"},[_c('StartTime',{attrs:{\"value\":scope.row.StartTime}})],1),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(_vm.SoundFormat(scope.row.AudioInfo.SoundFormat)))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(_vm.SoundRate(scope.row.AudioInfo.SoundRate)))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.AudioInfo.SoundType))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(_vm.CodecID(scope.row.VideoInfo.CodecID)))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.VideoInfo.SPSInfo.Width)+\"x\"+_vm._s(scope.row.VideoInfo.SPSInfo.Height))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(scope.row.AudioInfo.PacketCount)+\"/\"+_vm._s(scope.row.VideoInfo.PacketCount))]),_c('td',{staticClass:\"is-center\"},[_vm._v(_vm._s(_vm.getSubscriberCount(scope.row)))])]}}])}),_c('Jessibuca',{ref:\"jessibuca\",attrs:{\"videoCodec\":_vm.currentStream && _vm.CodecID(_vm.currentStream.VideoInfo.CodecID),\"audioCodec\":_vm.currentStream && _vm.SoundFormat(_vm.currentStream.AudioInfo.SoundFormat)},model:{value:(_vm.showPreview),callback:function ($$v) {_vm.showPreview=$$v},expression:\"showPreview\"}}),_c('Subscribers',{attrs:{\"data\":_vm.currentStream && _vm.currentStream.SubscriberInfo || []},model:{value:(_vm.showSubscribers),callback:function ($$v) {_vm.showSubscribers=$$v},expression:\"showSubscribers\"}})],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.url},on:{\"on-ok\":_vm.onClosePreview,\"on-cancel\":_vm.onClosePreview}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('canvas',{staticStyle:{\"background\":\"black\"},attrs:{\"id\":\"canvas\",\"width\":\"488\",\"height\":\"275\"}}),_c('div',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[(_vm.audioEnabled)?_c('Button',{attrs:{\"icon\":\"md-volume-up\"},on:{\"click\":_vm.turnOff}}):_c('Button',{attrs:{\"icon\":\"md-volume-off\"},on:{\"click\":_vm.turnOn}})],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=\"url\"\r\n        @on-ok=\"onClosePreview\"\r\n        @on-cancel=\"onClosePreview\"\r\n    >\r\n        <canvas id=\"canvas\" width=\"488\" height=\"275\" style=\"background: black\" />\r\n        <div slot=\"footer\">\r\n            <Button v-if=\"audioEnabled\" @click=\"turnOff\" icon=\"md-volume-up\" />\r\n            <Button v-else @click=\"turnOn\" icon=\"md-volume-off\"></Button>\r\n        </div>\r\n    </Modal>\r\n</template>\r\n<style scoped>\r\n\r\n\r\n</style>\r\n<script>\r\nlet h5lc = null;\r\nexport default {\r\n    name: \"Jessibuca\",\r\n    props: {\r\n        audioCodec: String,\r\n        videoCodec: String\r\n    },\r\n    data() {\r\n        return {\r\n            audioEnabled: true,\r\n            url: \"\",\r\n            decoderTable: {\r\n                AAC_AVC: \"ff\",\r\n                AAC_H265: \"hevc_aac\",\r\n                MP3_AVC: \"ff_mp3\",\r\n                MP3_H265: \"hevc_mp3\",\r\n                AVC: \"ff\",\r\n                H265: \"hevc_aac\"\r\n            }\r\n        };\r\n    },\r\n    watch: {\r\n        audioEnabled(value) {\r\n            h5lc.audioEnabled(value);\r\n        },\r\n        decoder(value) {\r\n            if (h5lc) {\r\n                h5lc.destroy();\r\n            }\r\n            h5lc = new window.Jessibuca({\r\n                canvas: document.getElementById(\"canvas\"),\r\n                decoder: value\r\n            });\r\n        }\r\n    },\r\n    computed: {\r\n        decoder() {\r\n            let js = this.decoderTable[this.audioCodec + \"_\" + this.videoCodec];\r\n            if (!js) {\r\n                js = this.decoderTable[this.videoCodec] || \"ff\";\r\n            }\r\n            return \"jessibuca/\" + js + \".js\";\r\n        }\r\n    },\r\n    mounted() {\r\n        let s = document.createElement(\"script\");\r\n        s.src = \"/jessibuca/renderer.js\";\r\n        s.onload = function() {\r\n            s.onload = null;\r\n            h5lc = new window.Jessibuca({\r\n                canvas: document.getElementById(\"canvas\"),\r\n                decoder: \"jessibuca/ff.js\"\r\n            });\r\n        };\r\n        this.$root.$el.append(s);\r\n    },\r\n    methods: {\r\n        play(url) {\r\n            this.url = url;\r\n            h5lc.play(url);\r\n        },\r\n        onClosePreview() {\r\n            h5lc.close();\r\n        },\r\n        destroy() {\r\n            h5lc.destroy();\r\n        },\r\n        turnOn() {\r\n            this.audioEnabled = true;\r\n        },\r\n        turnOff() {\r\n            this.audioEnabled = false;\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Jessibuca.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!./Jessibuca.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 () { injectStyles.call(this, this.$root.$options.shadowRoot) }\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 \"./Jessibuca.vue?vue&type=template&id=6ae4b67f&scoped=true&\"\nimport script from \"./Jessibuca.vue?vue&type=script&lang=js&\"\nexport * from \"./Jessibuca.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  \"6ae4b67f\",\n  null\n  \n)\n\nexport default component.exports","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\":\"查看订阅者\"}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('Table',{attrs:{\"columns\":_vm.subtableColumns,\"data\":_vm.data}})],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('Poptip',{attrs:{\"trigger\":\"hover\",\"content\":'⌚️'+ new Date(_vm.value).toLocaleString()}},[_c('Time',{attrs:{\"time\":new Date(_vm.value)}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <Poptip trigger=\"hover\" :content=\"'⌚️'+ new Date(value).toLocaleString()\">\r\n        <Time :time=\"new Date(value)\"></Time>\r\n    </Poptip>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: \"StartTime\",\r\n        props:{\r\n            value:String\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped>\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!./StartTime.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!./StartTime.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StartTime.vue?vue&type=template&id=062b9730&scoped=true&\"\nimport script from \"./StartTime.vue?vue&type=script&lang=js&\"\nexport * from \"./StartTime.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  \"062b9730\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <Modal v-bind=\"$attrs\" draggable v-on=\"$listeners\" title=\"查看订阅者\">\r\n    <Table :columns=\"subtableColumns\" :data=\"data\"></Table>\r\n  </Modal>\r\n</template>\r\n\r\n<script>\r\nimport StartTime from \"./StartTime\"\r\nexport default {\r\n  props: {\r\n    data: Array\r\n  },\r\n  data() {\r\n    return {\r\n      subtableColumns: [\r\n        {\r\n          title: \"类型\",\r\n          key: \"Type\"\r\n        },\r\n        {\r\n          title: \"Name\",\r\n          key: \"ID\"\r\n        },\r\n        {\r\n          title: \"订阅时间\",\r\n          render(h, { row }) {\r\n            return h(StartTime, {\r\n              props: {\r\n                value: row.SubscribeTime\r\n              }\r\n            });\r\n          }\r\n        },\r\n        {\r\n          title: \"丢帧\",\r\n          render(h, { row }) {\r\n            return h(\r\n              \"span\",\r\n              row.TotalPacket ? row.TotalDrop + \"/\" + row.TotalPacket : \"\"\r\n            );\r\n          }\r\n        },\r\n        {\r\n          title: \"Buffer\",\r\n          render(h, { row }) {\r\n            return h(\"Progress\", {\r\n              props: {\r\n                percent: Math.floor((row.BufferLength * 99) / 1024),\r\n                \"text-inside\": true,\r\n                \"stroke-width\": 20,\r\n                \"stroke-color\": [\"#87d068\", \"#ff0000\"]\r\n              }\r\n            });\r\n          }\r\n        }\r\n      ]\r\n    };\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\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!./Subscribers.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!./Subscribers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Subscribers.vue?vue&type=template&id=e52213f4&\"\nimport script from \"./Subscribers.vue?vue&type=script&lang=js&\"\nexport * from \"./Subscribers.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        <!-- <i-input search enter-button=\"播放\" placeholder=\"\" @on-search=\"onPlay\">\r\n            <span slot=\"prepend\">ws://{{host}}/</span>\r\n        </i-input>-->\r\n        <mu-data-table :columns=\"columns\" :data=\"$store.state.Rooms\" :min-col-width=\"50\" @row-dblclick=\"preview\"\r\n            @row-click=\"$toast.message('双击预览')\">\r\n            <template slot-scope=\"scope\">\r\n                <td class=\"is-center\">{{scope.row.StreamPath}}</td>\r\n                <td class=\"is-center\">{{scope.row.Type||\"await\"}}</td>\r\n                <td class=\"is-center\">\r\n                    <StartTime :value=\"scope.row.StartTime\"></StartTime>\r\n                </td>\r\n                <td class=\"is-center\">{{SoundFormat(scope.row.AudioInfo.SoundFormat)}}</td>\r\n                <td class=\"is-center\">{{SoundRate(scope.row.AudioInfo.SoundRate)}}</td>\r\n                <td class=\"is-center\">{{scope.row.AudioInfo.SoundType}}</td>\r\n                <td class=\"is-center\">{{CodecID(scope.row.VideoInfo.CodecID)}}</td>\r\n                <td class=\"is-center\">{{scope.row.VideoInfo.SPSInfo.Width}}x{{scope.row.VideoInfo.SPSInfo.Height}}</td>\r\n                <td class=\"is-center\">{{scope.row.AudioInfo.PacketCount}}/{{scope.row.VideoInfo.PacketCount}}</td>\r\n                <td class=\"is-center\">{{getSubscriberCount(scope.row)}}</td>\r\n            </template>\r\n        </mu-data-table>\r\n        <Jessibuca ref=\"jessibuca\" v-model=\"showPreview\"\r\n            :videoCodec=\"currentStream && CodecID(currentStream.VideoInfo.CodecID)\"\r\n            :audioCodec=\"currentStream && SoundFormat(currentStream.AudioInfo.SoundFormat)\"></Jessibuca>\r\n        <Subscribers :data=\"currentStream && currentStream.SubscriberInfo || []\" v-model=\"showSubscribers\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Jessibuca from \"./components/Jessibuca\";\r\nimport Subscribers from \"./components/Subscribers\";\r\nimport StartTime from \"./components/StartTime\";\r\nlet summaryES = null;\r\nexport default {\r\n    components: {\r\n        Jessibuca,\r\n        Subscribers,\r\n        StartTime\r\n    },\r\n    props: {\r\n        ListenAddr: String\r\n    },\r\n    data() {\r\n        return {\r\n            showPreview: false,\r\n            currentStream: null,\r\n            showSubscribers: false,\r\n            columns: [\r\n                {\r\n                    title: \"房间\",\r\n                    name: \"StreamPath\",\r\n                    sortable: true,\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"类型\",\r\n                    name: \"Type\",\r\n                    sortable: true,\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"开始时间\",\r\n                    name: \"StartTime\",\r\n                    sortable: true,\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"音频格式\",\r\n                    name: \"AudioInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"采样率\",\r\n                    name: \"AudioInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"声道\",\r\n                    name: \"AudioInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"视频格式\",\r\n                    name: \"VideoInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"分辨率\",\r\n                    name: \"VideoInfo\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"数据包\",\r\n                    name: \"\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                },\r\n                {\r\n                    title: \"订阅者\",\r\n                    name: \"Subscribes\",\r\n                    align: \"center\",\r\n                    cellAlign: \"center\"\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    computed: {\r\n        host() {\r\n            return location.hostname + \":\" + this.ListenAddr.split(\":\").pop();\r\n        }\r\n    },\r\n    methods: {\r\n        getSubscriberCount(item) {\r\n            if (\r\n                this.currentStream &&\r\n                this.currentStream.StreamPath == item.StreamPath\r\n            ) {\r\n                this.currentStream = item;\r\n            }\r\n            return item.SubscriberInfo ? item.SubscriberInfo.length : 0;\r\n        },\r\n        preview(index, row, event) {\r\n            this.currentStream = row;\r\n            this.onPlay(\"ws://\" + this.host + \"/\" + row.StreamPath);\r\n        },\r\n        onPlay(url) {\r\n            this.showPreview = true;\r\n            this.$nextTick(() => this.$refs.jessibuca.play(url));\r\n        },\r\n        onShowDetail(item) {\r\n            this.showSubscribers = true;\r\n            this.currentStream = item;\r\n        }\r\n    },\r\n    destroyed() {\r\n        if (this.$refs.jessibuca) this.$refs.jessibuca.destroy();\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\ntd {\r\n    padding-left: 5px;\r\n    padding-right: 5px;\r\n}\r\n\r\n.empty {\r\n    color: #eb5e46;\r\n    width: 100%;\r\n    min-height: 500px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.demo-spin-icon-load {\r\n    animation: ani-demo-spin 1s linear 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=73320fd8&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=73320fd8&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  \"73320fd8\",\n  null\n  \n)\n\nexport default component.exports","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack://plugin-jessica/webpack/universalModuleDefinition","webpack://plugin-jessica/webpack/bootstrap","webpack://plugin-jessica/./src/App.vue?022a","webpack://plugin-jessica/./node_modules/current-script-polyfill/currentScript.js","webpack://plugin-jessica/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-jessica/./src/App.vue?1cc7","webpack://plugin-jessica/./src/components/Jessibuca.vue?24eb","webpack://plugin-jessica/src/components/Jessibuca.vue","webpack://plugin-jessica/./src/components/Jessibuca.vue?7240","webpack://plugin-jessica/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-jessica/./src/components/Jessibuca.vue","webpack://plugin-jessica/./src/components/Subscribers.vue?3028","webpack://plugin-jessica/src/components/Subscribers.vue","webpack://plugin-jessica/./src/components/Subscribers.vue?ab26","webpack://plugin-jessica/./src/components/Subscribers.vue","webpack://plugin-jessica/src/App.vue","webpack://plugin-jessica/./src/App.vue?8b47","webpack://plugin-jessica/./src/App.vue","webpack://plugin-jessica/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":["root","factory","exports","module","define","amd","self","this","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","document","currentScript","scripts","getElementsByTagName","Error","err","res","exec","stack","src","readyState","window","match","render","_vm","_h","$createElement","_c","_self","scopedSlots","_u","fn","scope","on","$event","preview","_v","ref","attrs","currentStream","CodecID","VideoInfo","SoundFormat","AudioInfo","model","callback","$$v","showPreview","expression","SubscriberInfo","showSubscribers","staticRenderFns","_g","_b","url","onClosePreview","$attrs","$listeners","staticStyle","slot","turnOff","turnOn","h5lc","props","audioCodec","String","videoCodec","audioEnabled","decoderTable","AAC_AVC","AAC_H265","MP3_AVC","MP3_H265","AVC","H265","watch","destroy","Jessibuca","canvas","getElementById","decoder","computed","js","createElement","onload","$root","$el","append","methods","play","close","normalizeComponent","scriptExports","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","component","subtableColumns","data","Array","title","row","StartTime","SubscribeTime","TotalPacket","TotalDrop","percent","Math","floor","BufferLength","components","Subscribers","ListenAddr","location","hostname","split","pop","onPlay","host","StreamPath","$nextTick","$refs","jessibuca","item"],"mappings":"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","file":"plugin-jessica.umd.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"plugin-jessica\"] = factory();\n\telse\n\t\troot[\"plugin-jessica\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn "," \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","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=7c407d30&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=7c407d30&scoped=true&lang=css&\"","// document.currentScript polyfill by Adam Miller\n\n// MIT license\n\n(function(document){\n  var currentScript = \"currentScript\",\n      scripts = document.getElementsByTagName('script'); // Live NodeList collection\n\n  // If browser needs currentScript polyfill, add get currentScript() to the document object\n  if (!(currentScript in document)) {\n    Object.defineProperty(document, currentScript, {\n      get: function(){\n\n        // IE 6-10 supports script readyState\n        // IE 10+ support stack trace\n        try { throw new Error(); }\n        catch (err) {\n\n          // Find the second match for the \"at\" string to get file src url from stack.\n          // Specifically works with the format of stack traces in IE.\n          var i, res = ((/.*at [^\\(]*\\((.*):.+:.+\\)$/ig).exec(err.stack) || [false])[1];\n\n          // For all scripts on the page, if src matches or if ready state is interactive, return the script tag\n          for(i in scripts){\n            if(scripts[i].src == res || scripts[i].readyState == \"interactive\"){\n              return scripts[i];\n            }\n          }\n\n          // If no match, return null\n          return null;\n        }\n      }\n    });\n  }\n})(document);\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    require('current-script-polyfill')\n  }\n\n  var i\n  if ((i = window.document.currentScript) && (i = i.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/))) {\n    __webpack_public_path__ = i[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',[_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(\"预览\")]),void 0]}}])}),_c('Jessibuca',{ref:\"jessibuca\",attrs:{\"videoCodec\":_vm.currentStream && _vm.CodecID(_vm.currentStream.VideoInfo.CodecID),\"audioCodec\":_vm.currentStream && _vm.SoundFormat(_vm.currentStream.AudioInfo.SoundFormat)},model:{value:(_vm.showPreview),callback:function ($$v) {_vm.showPreview=$$v},expression:\"showPreview\"}}),_c('Subscribers',{attrs:{\"data\":_vm.currentStream && _vm.currentStream.SubscriberInfo || []},model:{value:(_vm.showSubscribers),callback:function ($$v) {_vm.showSubscribers=$$v},expression:\"showSubscribers\"}})],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.url},on:{\"on-ok\":_vm.onClosePreview,\"on-cancel\":_vm.onClosePreview}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('canvas',{staticStyle:{\"background\":\"black\"},attrs:{\"id\":\"canvas\",\"width\":\"488\",\"height\":\"275\"}}),_c('div',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[(_vm.audioEnabled)?_c('Button',{attrs:{\"icon\":\"md-volume-up\"},on:{\"click\":_vm.turnOff}}):_c('Button',{attrs:{\"icon\":\"md-volume-off\"},on:{\"click\":_vm.turnOn}})],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=\"url\"\r\n        @on-ok=\"onClosePreview\"\r\n        @on-cancel=\"onClosePreview\"\r\n    >\r\n        <canvas id=\"canvas\" width=\"488\" height=\"275\" style=\"background: black\" />\r\n        <div slot=\"footer\">\r\n            <Button v-if=\"audioEnabled\" @click=\"turnOff\" icon=\"md-volume-up\" />\r\n            <Button v-else @click=\"turnOn\" icon=\"md-volume-off\"></Button>\r\n        </div>\r\n    </Modal>\r\n</template>\r\n<style scoped>\r\n\r\n\r\n</style>\r\n<script>\r\nlet h5lc = null;\r\nexport default {\r\n    name: \"Jessibuca\",\r\n    props: {\r\n        audioCodec: String,\r\n        videoCodec: String\r\n    },\r\n    data() {\r\n        return {\r\n            audioEnabled: true,\r\n            url: \"\",\r\n            decoderTable: {\r\n                AAC_AVC: \"ff\",\r\n                AAC_H265: \"hevc_aac\",\r\n                MP3_AVC: \"ff_mp3\",\r\n                MP3_H265: \"hevc_mp3\",\r\n                AVC: \"ff\",\r\n                H265: \"hevc_aac\"\r\n            }\r\n        };\r\n    },\r\n    watch: {\r\n        audioEnabled(value) {\r\n            h5lc.audioEnabled(value);\r\n        },\r\n        decoder(value) {\r\n            if (h5lc) {\r\n                h5lc.destroy();\r\n            }\r\n            h5lc = new window.Jessibuca({\r\n                canvas: document.getElementById(\"canvas\"),\r\n                decoder: value\r\n            });\r\n        }\r\n    },\r\n    computed: {\r\n        decoder() {\r\n            let js = this.decoderTable[this.audioCodec + \"_\" + this.videoCodec];\r\n            if (!js) {\r\n                js = this.decoderTable[this.videoCodec] || \"ff\";\r\n            }\r\n            return \"jessibuca/\" + js + \".js\";\r\n        }\r\n    },\r\n    mounted() {\r\n        let s = document.createElement(\"script\");\r\n        s.src = \"/jessibuca/renderer.js\";\r\n        s.onload = function() {\r\n            s.onload = null;\r\n            h5lc = new window.Jessibuca({\r\n                canvas: document.getElementById(\"canvas\"),\r\n                decoder: \"jessibuca/ff.js\"\r\n            });\r\n        };\r\n        this.$root.$el.append(s);\r\n    },\r\n    methods: {\r\n        play(url) {\r\n            this.url = url;\r\n            h5lc.play(url);\r\n        },\r\n        onClosePreview() {\r\n            h5lc.close();\r\n        },\r\n        destroy() {\r\n            h5lc.destroy();\r\n        },\r\n        turnOn() {\r\n            this.audioEnabled = true;\r\n        },\r\n        turnOff() {\r\n            this.audioEnabled = false;\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Jessibuca.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!./Jessibuca.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 () { injectStyles.call(this, this.$root.$options.shadowRoot) }\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 \"./Jessibuca.vue?vue&type=template&id=6ae4b67f&scoped=true&\"\nimport script from \"./Jessibuca.vue?vue&type=script&lang=js&\"\nexport * from \"./Jessibuca.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  \"6ae4b67f\",\n  null\n  \n)\n\nexport default component.exports","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\":\"查看订阅者\"}},'Modal',_vm.$attrs,false),_vm.$listeners),[_c('Table',{attrs:{\"columns\":_vm.subtableColumns,\"data\":_vm.data}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <Modal v-bind=\"$attrs\" draggable v-on=\"$listeners\" title=\"查看订阅者\">\r\n    <Table :columns=\"subtableColumns\" :data=\"data\"></Table>\r\n  </Modal>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    data: Array\r\n  },\r\n  data() {\r\n    return {\r\n      subtableColumns: [\r\n        {\r\n          title: \"类型\",\r\n          key: \"Type\"\r\n        },\r\n        {\r\n          title: \"Name\",\r\n          key: \"ID\"\r\n        },\r\n        {\r\n          title: \"订阅时间\",\r\n          render(h, { row }) {\r\n            return h(StartTime, {\r\n              props: {\r\n                value: row.SubscribeTime\r\n              }\r\n            });\r\n          }\r\n        },\r\n        {\r\n          title: \"丢帧\",\r\n          render(h, { row }) {\r\n            return h(\r\n              \"span\",\r\n              row.TotalPacket ? row.TotalDrop + \"/\" + row.TotalPacket : \"\"\r\n            );\r\n          }\r\n        },\r\n        {\r\n          title: \"Buffer\",\r\n          render(h, { row }) {\r\n            return h(\"Progress\", {\r\n              props: {\r\n                percent: Math.floor((row.BufferLength * 99) / 1024),\r\n                \"text-inside\": true,\r\n                \"stroke-width\": 20,\r\n                \"stroke-color\": [\"#87d068\", \"#ff0000\"]\r\n              }\r\n            });\r\n          }\r\n        }\r\n      ]\r\n    };\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\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!./Subscribers.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!./Subscribers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Subscribers.vue?vue&type=template&id=31bcef67&\"\nimport script from \"./Subscribers.vue?vue&type=script&lang=js&\"\nexport * from \"./Subscribers.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        <stream-table>\r\n            <template v-slot=\"scope\">\r\n                <m-button @click=\"preview(scope)\">预览</m-button>\r\n            <template>\r\n        </stream-table>\r\n        <Jessibuca ref=\"jessibuca\" v-model=\"showPreview\"\r\n            :videoCodec=\"currentStream && CodecID(currentStream.VideoInfo.CodecID)\"\r\n            :audioCodec=\"currentStream && SoundFormat(currentStream.AudioInfo.SoundFormat)\"></Jessibuca>\r\n        <Subscribers :data=\"currentStream && currentStream.SubscriberInfo || []\" v-model=\"showSubscribers\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Jessibuca from \"./components/Jessibuca\";\r\nimport Subscribers from \"./components/Subscribers\";\r\nlet summaryES = null;\r\nexport default {\r\n    components: {\r\n        Jessibuca,\r\n        Subscribers,\r\n    },\r\n    props: {\r\n        ListenAddr: String\r\n    },\r\n    data() {\r\n        return {\r\n            showPreview: false,\r\n            currentStream: null,\r\n            showSubscribers: false,\r\n        };\r\n    },\r\n    computed: {\r\n        host() {\r\n            return location.hostname + \":\" + this.ListenAddr.split(\":\").pop();\r\n        }\r\n    },\r\n    methods: {\r\n        preview({row}) {\r\n            this.currentStream = row;\r\n            this.onPlay(\"ws://\" + this.host + \"/\" + row.StreamPath);\r\n        },\r\n        onPlay(url) {\r\n            this.showPreview = true;\r\n            this.$nextTick(() => this.$refs.jessibuca.play(url));\r\n        },\r\n        onShowDetail(item) {\r\n            this.showSubscribers = true;\r\n            this.currentStream = item;\r\n        }\r\n    },\r\n    destroyed() {\r\n        if (this.$refs.jessibuca) this.$refs.jessibuca.destroy();\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\ntd {\r\n    padding-left: 5px;\r\n    padding-right: 5px;\r\n}\r\n\r\n.empty {\r\n    color: #eb5e46;\r\n    width: 100%;\r\n    min-height: 500px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.demo-spin-icon-load {\r\n    animation: ani-demo-spin 1s linear 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=7c407d30&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=7c407d30&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  \"7c407d30\",\n  null\n  \n)\n\nexport default component.exports","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/ui/package-lock.json b/ui/package-lock.json
index c04cd24..133ac3a 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -3487,8 +3487,7 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -3509,14 +3508,12 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "balanced-match": "1.0.0",
             "concat-map": "0.0.1"
@@ -3531,20 +3528,17 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -3661,8 +3655,7 @@
         "inherits": {
           "version": "2.0.4",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "ini": {
           "version": "1.3.5",
@@ -3674,7 +3667,6 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "number-is-nan": "1.0.1"
           }
@@ -3689,7 +3681,6 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "brace-expansion": "1.1.11"
           }
@@ -3697,14 +3688,12 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "minipass": {
           "version": "2.9.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "safe-buffer": "5.1.2",
             "yallist": "3.1.1"
@@ -3723,7 +3712,6 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -3813,8 +3801,7 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -3826,7 +3813,6 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "wrappy": "1.0.2"
           }
@@ -3912,8 +3898,7 @@
         "safe-buffer": {
           "version": "5.1.2",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -3949,7 +3934,6 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "code-point-at": "1.1.0",
             "is-fullwidth-code-point": "1.0.0",
@@ -3969,7 +3953,6 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "ansi-regex": "2.1.1"
           }
@@ -4013,14 +3996,12 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "yallist": {
           "version": "3.1.1",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         }
       }
     },
diff --git a/ui/src/App.vue b/ui/src/App.vue
index 96b3ad2..3d14e92 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -1,25 +1,10 @@
 <template>
     <div>
-        <!-- <i-input search enter-button="播放" placeholder="" @on-search="onPlay">
-            <span slot="prepend">ws://{{host}}/</span>
-        </i-input>-->
-        <mu-data-table :columns="columns" :data="$store.state.Rooms" :min-col-width="50" @row-dblclick="preview"
-            @row-click="$toast.message('双击预览')">
-            <template slot-scope="scope">
-                <td class="is-center">{{scope.row.StreamPath}}</td>
-                <td class="is-center">{{scope.row.Type||"await"}}</td>
-                <td class="is-center">
-                    <StartTime :value="scope.row.StartTime"></StartTime>
-                </td>
-                <td class="is-center">{{SoundFormat(scope.row.AudioInfo.SoundFormat)}}</td>
-                <td class="is-center">{{SoundRate(scope.row.AudioInfo.SoundRate)}}</td>
-                <td class="is-center">{{scope.row.AudioInfo.SoundType}}</td>
-                <td class="is-center">{{CodecID(scope.row.VideoInfo.CodecID)}}</td>
-                <td class="is-center">{{scope.row.VideoInfo.SPSInfo.Width}}x{{scope.row.VideoInfo.SPSInfo.Height}}</td>
-                <td class="is-center">{{scope.row.AudioInfo.BPS}}/{{scope.row.VideoInfo.BPS}}</td>
-                <td class="is-center">{{getSubscriberCount(scope.row)}}</td>
-            </template>
-        </mu-data-table>
+        <stream-table>
+            <template v-slot="scope">
+                <m-button @click="preview(scope)">预览</m-button>
+            <template>
+        </stream-table>
         <Jessibuca ref="jessibuca" v-model="showPreview"
             :videoCodec="currentStream && CodecID(currentStream.VideoInfo.CodecID)"
             :audioCodec="currentStream && SoundFormat(currentStream.AudioInfo.SoundFormat)"></Jessibuca>
@@ -44,69 +29,6 @@ export default {
             showPreview: false,
             currentStream: null,
             showSubscribers: false,
-            columns: [
-                {
-                    title: "房间",
-                    name: "StreamPath",
-                    sortable: true,
-                    align: "center",
-                    
-                },
-                {
-                    title: "类型",
-                    name: "Type",
-                    sortable: true,
-                    align: "center",
-                    
-                },
-                {
-                    title: "开始时间",
-                    name: "StartTime",
-                    sortable: true,
-                    align: "center",
-                    
-                },
-                {
-                    title: "音频格式",
-                    name: "AudioInfo",
-                    align: "center",
-                    
-                },
-                {
-                    title: "采样率",
-                    name: "AudioInfo",
-                    align: "center",
-                    
-                },
-                {
-                    title: "声道",
-                    name: "AudioInfo",
-                    align: "center",
-                    
-                },
-                {
-                    title: "视频格式",
-                    name: "VideoInfo",
-                    align: "center",
-                    
-                },
-                {
-                    title: "分辨率",
-                    name: "VideoInfo",
-                    align: "center",
-                    
-                },
-                {
-                    title: "码率Bps",
-                    align: "center",
-                    
-                },
-                {
-                    title: "订阅者",
-                    align: "center",
-                    
-                }
-            ]
         };
     },
     computed: {
@@ -115,16 +37,7 @@ export default {
         }
     },
     methods: {
-        getSubscriberCount(item) {
-            if (
-                this.currentStream &&
-                this.currentStream.StreamPath == item.StreamPath
-            ) {
-                this.currentStream = item;
-            }
-            return item.SubscriberInfo ? item.SubscriberInfo.length : 0;
-        },
-        preview(index, row, event) {
+        preview({row}) {
             this.currentStream = row;
             this.onPlay("ws://" + this.host + "/" + row.StreamPath);
         },
diff --git a/ui/src/components/Subscribers.vue b/ui/src/components/Subscribers.vue
index f4587a6..476e303 100644
--- a/ui/src/components/Subscribers.vue
+++ b/ui/src/components/Subscribers.vue
@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import StartTime from "./StartTime"
 export default {
   props: {
     data: Array