diff --git a/go.mod b/go.mod
index 9343a59..4c57a19 100644
--- a/go.mod
+++ b/go.mod
@@ -6,5 +6,6 @@ require (
 	github.com/Monibuca/engine/v2 v2.1.0
 	github.com/Monibuca/plugin-rtp v0.0.0-20200531020026-1b12ef72f221
 	github.com/pion/rtcp v1.2.1
+	github.com/pion/rtp v1.5.4
 	github.com/pion/webrtc/v2 v2.2.14
 )
diff --git a/go.sum b/go.sum
index 70d524f..80b22aa 100644
--- a/go.sum
+++ b/go.sum
@@ -61,6 +61,7 @@ github.com/pion/rtcp v1.2.1 h1:S3yG4KpYAiSmBVqKAfgRa5JdwBNj4zK3RLUa8JYdhak=
 github.com/pion/rtcp v1.2.1/go.mod h1:a5dj2d6BKIKHl43EnAOIrCczcjESrtPuMgfmL6/K6QM=
 github.com/pion/rtp v1.5.4 h1:PuNg6xqV3brIUihatcKZj1YDUs+M45L0ZbrZWYtkDxY=
 github.com/pion/rtp v1.5.4/go.mod h1:bg60AL5GotNOlYZsqycbhDtEV3TkfbpXG0KBiUq29Mg=
+github.com/pion/rtp v1.5.5 h1:WTqWdmBuIj+luh8Wg6XVX+w7OytZHAIgtC7uSvgEl9Y=
 github.com/pion/sctp v1.7.6 h1:8qZTdJtbKfAns/Hv5L0PAj8FyXcsKhMH1pKUCGisQg4=
 github.com/pion/sctp v1.7.6/go.mod h1:ichkYQ5tlgCQwEwvgfdcAolqx1nHbYCxo4D7zK/K0X8=
 github.com/pion/sdp/v2 v2.3.7 h1:WUZHI3pfiYCaE8UGUYcabk863LCK+Bq3AklV5O0oInQ=
@@ -75,8 +76,10 @@ github.com/pion/transport v0.10.0 h1:9M12BSneJm6ggGhJyWpDveFOstJsTiQjkLf4M44rm80
 github.com/pion/transport v0.10.0/go.mod h1:BnHnUipd0rZQyTVB2SBGojFHT9CBt5C5TcsJSQGkvSE=
 github.com/pion/turn/v2 v2.0.3 h1:SJUUIbcPoehlyZgMyIUbBBDhI03sBx32x3JuSIBKBWA=
 github.com/pion/turn/v2 v2.0.3/go.mod h1:kl1hmT3NxcLynpXVnwJgObL8C9NaCyPTeqI2DcCpSZs=
+github.com/pion/webrtc v1.2.0 h1:3LGGPQEMacwG2hcDfhdvwQPz315gvjZXOfY4vaF4+I4=
 github.com/pion/webrtc/v2 v2.2.14 h1:bRjnXTqMDJ3VERPF45z439Sv6QfDfjdYvdQk1QcIx8M=
 github.com/pion/webrtc/v2 v2.2.14/go.mod h1:G+8lShCMbHhjpMF1ZJBkyuvrxXrvW4bxs3nOt+mJ2UI=
+github.com/pion/webrtc/v2 v2.2.17 h1:2nkMUXFHfdOp1zOLmBgrbFrKDgTxDGk/GVcI7PQefp4=
 github.com/pkg/errors v0.8.1/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINEl0=
 github.com/pkg/errors v0.9.1 h1:FEBLx1zS214owpjy7qsBeixbURkuhQAwrK5UwLGTwt4=
 github.com/pkg/errors v0.9.1/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINEl0=
diff --git a/main.go b/main.go
index 5905dbe..b3d2d42 100644
--- a/main.go
+++ b/main.go
@@ -1,41 +1,49 @@
 package webrtc
 
 import (
+	"bytes"
 	"encoding/json"
 	"fmt"
 	"io/ioutil"
 	"net/http"
+	"sync"
 	"time"
 
 	. "github.com/Monibuca/engine/v2"
+	"github.com/Monibuca/engine/v2/avformat"
+	"github.com/Monibuca/engine/v2/util"
 	. "github.com/Monibuca/plugin-rtp"
 	"github.com/pion/rtcp"
+	"github.com/pion/rtp"
+	"github.com/pion/rtp/codecs"
 	. "github.com/pion/webrtc/v2"
 )
 
-var config = &struct {
+var config struct {
 	ICEServers []string
-}{[]string{
-	"stun:stun.ekiga.net",
-	"stun:stun.ideasip.com",
-	"stun:stun.schlund.de",
-	"stun:stun.stunprotocol.org:3478",
-	"stun:stun.voiparound.com",
-	"stun:stun.voipbuster.com",
-	"stun:stun.voipstunt.com",
-	"stun:stun.voxgratia.org",
-	"stun:stun.services.mozilla.com",
-	"stun:stun.xten.com",
-	"stun:stun.softjoys.com",
-	"stun:stunserver.org",
-	"stun:stun.schlund.de",
-	"stun:stun.rixtelecom.se",
-	"stun:stun.iptel.org",
-	"stun:stun.ideasip.com",
-	"stun:stun.fwdnet.net",
-	"stun:stun.ekiga.net",
-	"stun:stun01.sipphone.com",
-}}
+}
+
+// }{[]string{
+// 	"stun:stun.ekiga.net",
+// 	"stun:stun.ideasip.com",
+// 	"stun:stun.schlund.de",
+// 	"stun:stun.stunprotocol.org:3478",
+// 	"stun:stun.voiparound.com",
+// 	"stun:stun.voipbuster.com",
+// 	"stun:stun.voipstunt.com",
+// 	"stun:stun.voxgratia.org",
+// 	"stun:stun.services.mozilla.com",
+// 	"stun:stun.xten.com",
+// 	"stun:stun.softjoys.com",
+// 	"stun:stunserver.org",
+// 	"stun:stun.schlund.de",
+// 	"stun:stun.rixtelecom.se",
+// 	"stun:stun.iptel.org",
+// 	"stun:stun.ideasip.com",
+// 	"stun:stun.fwdnet.net",
+// 	"stun:stun.ekiga.net",
+// 	"stun:stun01.sipphone.com",
+// }}
 
 // type udpConn struct {
 // 	conn *net.UDPConn
@@ -44,13 +52,16 @@ var config = &struct {
 
 var m MediaEngine
 var api *API
+var SSRC uint32
+var SSRCMap = make(map[string]uint32)
+var ssrcLock sync.Mutex
 
 func init() {
 	m.RegisterCodec(NewRTPH264Codec(DefaultPayloadTypeH264, 90000))
 	//m.RegisterCodec(NewRTPPCMUCodec(DefaultPayloadTypePCMU, 8000))
 	api = NewAPI(WithMediaEngine(m))
 	InstallPlugin(&PluginConfig{
-		Config: config,
+		Config: &config,
 		Name:   "WebRTC",
 		Type:   PLUGIN_PUBLISHER | PLUGIN_SUBSCRIBER,
 		Run:    run,
@@ -60,8 +71,160 @@ func init() {
 type WebRTC struct {
 	RTP
 	*PeerConnection
+	RemoteAddr string
 }
 
+func (rtc *WebRTC) Play(streamPath string) bool {
+	peerConnection, err := api.NewPeerConnection(Configuration{
+		ICEServers: []ICEServer{
+			{
+				URLs: config.ICEServers,
+			},
+		},
+	})
+	if _, err = peerConnection.AddTransceiverFromKind(RTPCodecTypeVideo); err != nil {
+		if err != nil {
+			Println(err)
+			return false
+		}
+	}
+	if err != nil {
+		return false
+	}
+
+	rtc.PeerConnection = peerConnection
+	// Create a video track, using the same SSRC as the incoming RTP Packet
+	ssrcLock.Lock()
+	ssrc, ok := SSRCMap[streamPath]
+	if !ok {
+		SSRC++
+		ssrc = SSRC
+		SSRCMap[streamPath] = SSRC
+	}
+	ssrcLock.Unlock()
+	videoTrack, err := peerConnection.NewTrack(DefaultPayloadTypeH264, ssrc, "video", "monibuca")
+	if err != nil {
+		Println(err)
+		return false
+	}
+	if _, err = peerConnection.AddTrack(videoTrack); err != nil {
+		Println(err)
+		return false
+	}
+	peerConnection.OnICEConnectionStateChange(func(connectionState ICEConnectionState) {
+		Printf("%s Connection State has changed %s ", streamPath, connectionState.String())
+		switch connectionState {
+		case ICEConnectionStateDisconnected:
+			if rtc.Stream != nil {
+				rtc.Stream.Close()
+			}
+		case ICEConnectionStateConnected:
+			var sequence uint16
+			var sub Subscriber
+			sub.ID = rtc.RemoteAddr
+			sub.Type = "WebRTC"
+			nextHeader := func(ts uint32, marker bool) rtp.Header {
+				sequence++
+				return rtp.Header{
+					Version:        2,
+					SSRC:           ssrc,
+					PayloadType:    DefaultPayloadTypeH264,
+					SequenceNumber: sequence,
+					Timestamp:      ts,
+					Marker:         marker,
+				}
+			}
+			stapA := func(naul ...[]byte) []byte {
+				var buffer bytes.Buffer
+				buffer.WriteByte(24)
+				for _, n := range naul {
+					l := len(n)
+					buffer.WriteByte(byte(l >> 8))
+					buffer.WriteByte(byte(l))
+					buffer.Write(n)
+				}
+				return buffer.Bytes()
+			}
+
+			// aud := []byte{0x09, 0x30}
+			sub.OnData = func(packet *avformat.SendPacket) error {
+				if packet.Type == avformat.FLV_TAG_TYPE_AUDIO {
+					return nil
+				}
+				if packet.IsSequence {
+					payload := packet.Payload[11:]
+					spsLen := int(payload[0])<<8 + int(payload[1])
+					sps := payload[2:spsLen]
+					payload = payload[3+spsLen:]
+					ppsLen := int(payload[0])<<8 + int(payload[1])
+					pps := payload[2:ppsLen]
+					if err := videoTrack.WriteRTP(&rtp.Packet{
+						Header:  nextHeader(0, false),
+						Payload: stapA(sps, pps),
+					}); err != nil {
+						return err
+					}
+				} else {
+					payload := packet.Payload[5:]
+					for {
+						var naulLen = int(util.BigEndian.Uint32(payload))
+						payload = payload[4:]
+						_payload := payload[:naulLen]
+						if naulLen > 1000 {
+							part := _payload[:1000]
+							indicator := ((part[0] >> 5) << 5) | 28
+							nalutype := part[0] & 31
+							header := 128 | nalutype
+							part = part[1:]
+							marker := false
+							for {
+								if err := videoTrack.WriteRTP(&rtp.Packet{
+									Header:  nextHeader(packet.Timestamp*90, marker),
+									Payload: append([]byte{indicator, header}, part...),
+								}); err != nil {
+									return err
+								}
+								marker = true
+								if _payload == nil {
+									break
+								}
+								if len(_payload[1000:]) <= 1000 {
+									header = 64 | nalutype
+									part = _payload[1000:]
+									_payload = nil
+								} else {
+									header = nalutype
+									part = _payload[1000:]
+									_payload = part
+								}
+							}
+						} else {
+							if err := videoTrack.WriteRTP(&rtp.Packet{
+								Header:  nextHeader(packet.Timestamp*90, false),
+								Payload: _payload,
+							}); err != nil {
+								return err
+							}
+						}
+						if len(payload) < naulLen+4 {
+							break
+						}
+						payload = payload[naulLen:]
+					}
+					// if err := videoTrack.WriteRTP(&rtp.Packet{
+					// 	Header:  nextHeader(packet.Timestamp * 90),
+					// 	Payload: aud,
+					// }); err != nil {
+					// 	return err
+					// }
+				}
+				return nil
+			}
+			sub.Subscribe(streamPath)
+		}
+	})
+	return true
+}
 func (rtc *WebRTC) Publish(streamPath string) bool {
 	peerConnection, err := api.NewPeerConnection(Configuration{
 		ICEServers: []ICEServer{
@@ -82,12 +245,16 @@ func (rtc *WebRTC) Publish(streamPath string) bool {
 	peerConnection.OnICEConnectionStateChange(func(connectionState ICEConnectionState) {
 		Printf("%s Connection State has changed %s ", streamPath, connectionState.String())
 		switch connectionState {
-		case ICEConnectionStateDisconnected:
-			rtc.Stream.Close()
+		case ICEConnectionStateDisconnected, ICEConnectionStateFailed:
+			if rtc.Stream != nil {
+				rtc.Stream.Close()
+			}
 		}
 	})
 	rtc.PeerConnection = peerConnection
 	if rtc.RTP.Publish(streamPath) {
+		//f, _ := os.OpenFile("resource/live/rtc.h264", os.O_TRUNC|os.O_WRONLY, 0666)
+		var h264 codecs.H264Packet
 		rtc.Stream.Type = "WebRTC"
 		peerConnection.OnTrack(func(track *Track, receiver *RTPReceiver) {
 			defer rtc.Stream.Close()
@@ -113,6 +280,8 @@ func (rtc *WebRTC) Publish(streamPath string) bool {
 				if err = pack.Unmarshal(b[:i]); err != nil {
 					return
 				}
+				h264.Unmarshal(pack.Payload)
+				// f.Write(bytes)
 			}
 		})
 	} else {
@@ -120,8 +289,32 @@ func (rtc *WebRTC) Publish(streamPath string) bool {
 	}
 	return true
 }
+func (rtc *WebRTC) GetAnswer(offer SessionDescription) ([]byte, error) {
+	if err := rtc.SetRemoteDescription(offer); err != nil {
+		Println(err)
+		return nil, err
+	}
+	// Create answer
+	answer, err := rtc.CreateAnswer(nil)
+	if err != nil {
+		Println(err)
+		return nil, err
+	}
+
+	// Sets the LocalDescription, and starts our UDP listeners
+	if err = rtc.SetLocalDescription(answer); err != nil {
+		Println(err)
+		return nil, err
+	}
+	if bytes, err := json.Marshal(answer); err != nil {
+		Println(err)
+		return bytes, err
+	} else {
+		return bytes, nil
+	}
+}
 func run() {
-	http.HandleFunc("/webrtc/answer", func(w http.ResponseWriter, r *http.Request) {
+	http.HandleFunc("/webrtc/play", func(w http.ResponseWriter, r *http.Request) {
 		streamPath := r.URL.Query().Get("streamPath")
 		offer := SessionDescription{}
 		bytes, err := ioutil.ReadAll(r.Body)
@@ -131,30 +324,38 @@ func run() {
 			return
 		}
 		rtc := new(WebRTC)
+		rtc.RemoteAddr = r.RemoteAddr
+		if rtc.Play(streamPath) {
+			if bytes, err = rtc.GetAnswer(offer); err == nil {
+				w.Write(bytes)
+			} else {
+				Println(err)
+				w.Write([]byte(err.Error()))
+				return
+			}
+		} else {
+			w.Write([]byte(`{"errmsg":"bad name"}`))
+		}
+	})
+	http.HandleFunc("/webrtc/publish", func(w http.ResponseWriter, r *http.Request) {
+		streamPath := r.URL.Query().Get("streamPath")
+		offer := SessionDescription{}
+		bytes, err := ioutil.ReadAll(r.Body)
+		err = json.Unmarshal(bytes, &offer)
+		if err != nil {
+			Println(err)
+			return
+		}
+		rtc := new(WebRTC)
+		rtc.RemoteAddr = r.RemoteAddr
 		if rtc.Publish(streamPath) {
-			// Set the remote SessionDescription
-			if err = rtc.SetRemoteDescription(offer); err != nil {
+			if bytes, err = rtc.GetAnswer(offer); err == nil {
+				w.Write(bytes)
+			} else {
 				Println(err)
+				w.Write([]byte(err.Error()))
 				return
 			}
-
-			// Create answer
-			answer, err := rtc.CreateAnswer(nil)
-			if err != nil {
-				Println(err)
-				return
-			}
-
-			// Sets the LocalDescription, and starts our UDP listeners
-			if err = rtc.SetLocalDescription(answer); err != nil {
-				Println(err)
-				return
-			}
-			if bytes, err = json.Marshal(answer); err != nil {
-				Println(err)
-				return
-			}
-			w.Write(bytes)
 		} else {
 			w.Write([]byte(`{"errmsg":"bad name"}`))
 		}
diff --git a/ui/dist/plugin-webrtc.common.js b/ui/dist/plugin-webrtc.common.js
index 5f810b2..3f4a71f 100644
--- a/ui/dist/plugin-webrtc.common.js
+++ b/ui/dist/plugin-webrtc.common.js
@@ -87,24 +87,6 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
-/***/ "40b7":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "5776":
-/***/ (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_42a5fa69_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("40b7");
-/* 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_42a5fa69_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_42a5fa69_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_42a5fa69_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
-/***/ }),
-
 /***/ "8875":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -181,6 +163,24 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 }));
 
 
+/***/ }),
+
+/***/ "8dc9":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "c857":
+/***/ (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_3d66f6b2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8dc9");
+/* 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_3d66f6b2_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_3d66f6b2_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_3d66f6b2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
 /***/ }),
 
 /***/ "fb15":
@@ -214,12 +214,12 @@ 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":"7d106341-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=42a5fa69&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$parent.titleTabActive == 1)?_c('pre',[_vm._v(_vm._s(_vm.localSDP))]):(_vm.$parent.titleTabActive == 2)?_c('pre',[_vm._v(_vm._s(_vm.remoteSDP))]):_c('div',[_c('mu-text-field',{attrs:{"label":"streamPath"},model:{value:(_vm.streamPath),callback:function ($$v) {_vm.streamPath=$$v},expression:"streamPath"}}),(!_vm.localSDP || _vm.ask)?_c('span',{staticClass:"blink"},[_vm._v("Connecting")]):(_vm.iceConnectionState!='connected')?_c('m-button',{on:{"click":_vm.startSession}},[_vm._v("Start")]):(_vm.iceConnectionState=='connected')?_c('m-button',{on:{"click":_vm.stopSession}},[_vm._v("Stop")]):_vm._e(),_c('br'),_c('video',{ref:"video1",attrs:{"width":"640","height":"480","autoplay":"","muted":""},domProps:{"srcObject":_vm.stream,"muted":true}})],1)])}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d106341-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=3d66f6b2&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$parent.titleTabActive == 1)?_c('pre',[_vm._v(_vm._s(_vm.localSDP))]):(_vm.$parent.titleTabActive == 2)?_c('pre',[_vm._v(_vm._s(_vm.remoteSDP))]):_c('div',[_c('mu-text-field',{attrs:{"label":"streamPath"},model:{value:(_vm.streamPath),callback:function ($$v) {_vm.streamPath=$$v},expression:"streamPath"}}),(!_vm.localSDP || _vm.ask)?_c('span',{staticClass:"blink"},[_vm._v("Connecting")]):(_vm.iceConnectionState!='connected')?[_c('m-button',{on:{"click":function($event){return _vm.startSession('publish')}}},[_vm._v("Publish")]),_c('m-button',{on:{"click":function($event){return _vm.startSession('play')}}},[_vm._v("Play")])]:(_vm.iceConnectionState=='connected')?_c('m-button',{on:{"click":_vm.stopSession}},[_vm._v("Stop")]):_vm._e(),_c('br'),_c('video',{ref:"video1",attrs:{"width":"640","height":"480","autoplay":"","muted":""},domProps:{"srcObject":_vm.stream,"muted":true}})],2)])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=42a5fa69&scoped=true&
+// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=3d66f6b2&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js&
 //
@@ -237,32 +237,35 @@ var staticRenderFns = []
 //
 //
 //
+//
+//
+//
 
 const config = {
   iceServers:[
-    {
-      urls:[
-        "stun:stun.ekiga.net",
-        "stun:stun.ideasip.com",
-        "stun:stun.schlund.de",
-        "stun:stun.stunprotocol.org:3478",
-        "stun:stun.voiparound.com",
-        "stun:stun.voipbuster.com",
-        "stun:stun.voipstunt.com",
-        "stun:stun.voxgratia.org",
-        "stun:stun.services.mozilla.com",
-        "stun:stun.xten.com",
-        "stun:stun.softjoys.com",
-        "stun:stunserver.org",
-        "stun:stun.schlund.de",
-        "stun:stun.rixtelecom.se",
-        "stun:stun.iptel.org",
-        "stun:stun.ideasip.com",
-        "stun:stun.fwdnet.net",
-        "stun:stun.ekiga.net",
-        "stun:stun01.sipphone.com",
-      ]
-    }
+    // {
+    //   urls:[
+    //     "stun:stun.ekiga.net",
+    //     "stun:stun.ideasip.com",
+    //     "stun:stun.schlund.de",
+    //     "stun:stun.stunprotocol.org:3478",
+    //     "stun:stun.voiparound.com",
+    //     "stun:stun.voipbuster.com",
+    //     "stun:stun.voipstunt.com",
+    //     "stun:stun.voxgratia.org",
+    //     "stun:stun.services.mozilla.com",
+    //     "stun:stun.xten.com",
+    //     "stun:stun.softjoys.com",
+    //     "stun:stunserver.org",
+    //     "stun:stun.schlund.de",
+    //     "stun:stun.rixtelecom.se",
+    //     "stun:stun.iptel.org",
+    //     "stun:stun.ideasip.com",
+    //     "stun:stun.fwdnet.net",
+    //     "stun:stun.ekiga.net",
+    //     "stun:stun01.sipphone.com",
+    //   ]
+    // }
   ]
 }
 let pc = new RTCPeerConnection(config);
@@ -276,13 +279,15 @@ var streamPath = "live/rtc"
       streamPath,
       iceConnectionState:pc&&pc.iceConnectionState,
       stream,
+      type:"",
       ask:false
     };
   },
   methods: {
-    startSession() {
+    startSession(type) {
+      this.type = type
       this.ask = true
-      this.ajax({type: 'POST',processData:false,data: JSON.stringify(pc.localDescription),url:"/webrtc/answer?streamPath="+this.streamPath,dataType:"json"}).then(result => {
+      this.ajax({type: 'POST',processData:false,data: JSON.stringify(pc.localDescription),url:"/webrtc/"+type+"?streamPath="+this.streamPath,dataType:"json"}).then(result => {
         this.ask = false
         if (result.errmsg){
           this.$toast.error(result.errmsg)
@@ -314,6 +319,11 @@ var streamPath = "live/rtc"
           this.$parent.titleTabs = ["摄像头", "localSDP"];
         }
       };
+      pc.ontrack = event=>{
+        if(this.type=="play" && event.streams[0]){
+          this.stream = stream = event.streams[0]
+        }
+      }
     }
   },
   async mounted() {
@@ -336,8 +346,8 @@ var streamPath = "live/rtc"
 
 // 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=42a5fa69&scoped=true&lang=css&
-var Appvue_type_style_index_0_id_42a5fa69_scoped_true_lang_css_ = __webpack_require__("5776");
+// EXTERNAL MODULE: ./src/App.vue?vue&type=style&index=0&id=3d66f6b2&scoped=true&lang=css&
+var Appvue_type_style_index_0_id_3d66f6b2_scoped_true_lang_css_ = __webpack_require__("c857");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -454,7 +464,7 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "42a5fa69",
+  "3d66f6b2",
   null
   
 )
diff --git a/ui/dist/plugin-webrtc.common.js.map b/ui/dist/plugin-webrtc.common.js.map
index 712830f..b4b7230 100644
--- a/ui/dist/plugin-webrtc.common.js.map
+++ b/ui/dist/plugin-webrtc.common.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack://plugin-webrtc/webpack/bootstrap","webpack://plugin-webrtc/./src/App.vue?8644","webpack://plugin-webrtc/./src/App.vue?fd6a","webpack://plugin-webrtc/./node_modules/@soda/get-current-script/index.js","webpack://plugin-webrtc/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-webrtc/./src/App.vue?d425","webpack://plugin-webrtc/src/App.vue","webpack://plugin-webrtc/./src/App.vue?8b47","webpack://plugin-webrtc/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-webrtc/./src/App.vue","webpack://plugin-webrtc/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":[],"mappings":";;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;AClFA,uC;;;;;;;;ACAA;AAAA;AAAA;AAAgc,CAAgB,ggBAAG,EAAC,C;;;;;;;ACApd;AACA;AACA;;AAEA;;AAEA;AACA,MAAM,IAA0C;AAChD,IAAI,iCAAO,EAAE,oCAAE,OAAO;AAAA;AAAA;AAAA,oGAAC;AACvB,GAAG,MAAM,EAIN;AACH,CAAC;AACD;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D;;AAE1D;AACA;AACA,+DAA+D,qBAAqB;AACpF;AACA;;AAEA,qBAAqB,oBAAoB;AACzC;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,CAAC;;;;;;;;;;;;;ACvED;;AAEA;AACA;AACA,MAAM,IAAuC;AAC7C,2BAA2B,mBAAO,CAAC,MAA0B;AAC7D;;AAEA;AACA;AACA,wDAAwD,wBAAwB;AAChF;AACA;;AAEA;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACrBnB,0BAA0B,aAAa,0BAA0B,wBAAwB,sMAAsM,OAAO,qBAAqB,QAAQ,gDAAgD,mBAAmB,0BAA0B,wCAAwC,oBAAoB,8EAA8E,IAAI,0BAA0B,yEAAyE,IAAI,yBAAyB,iDAAiD,oBAAoB,sDAAsD,WAAW,qCAAqC;AACz1B;;;;;;;;;;;;;;;;;;;;;;ACeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,CAAC,EAAC;;;AC9GoK,CAAgB,+FAAG,EAAC,C;;;;;ACA1L;;AAEA;AACA;AACA;;AAEe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;ACjG8F;AACvC;AACL;AACqC;;;AAGvF;AACuF;AACvF,gBAAgB,kBAAU;AAC1B,EAAE,+BAAM;AACR,EAAE,MAAM;AACR,EAAE,eAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,yD;;ACnBS;AACA;AACT,kFAAG;AACI","file":"plugin-webrtc.common.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"fb15\");\n","// extracted by mini-css-extract-plugin","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=42a5fa69&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=42a5fa69&scoped=true&lang=css&\"","// addapted from the document.currentScript polyfill by Adam Miller\n// MIT license\n// source: https://github.com/amiller-gh/currentScript-polyfill\n\n// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505\n\n(function (root, factory) {\n  if (typeof define === 'function' && define.amd) {\n    define([], factory);\n  } else if (typeof module === 'object' && module.exports) {\n    module.exports = factory();\n  } else {\n    root.getCurrentScript = factory();\n  }\n}(typeof self !== 'undefined' ? self : this, function () {\n  function getCurrentScript () {\n    if (document.currentScript) {\n      return document.currentScript\n    }\n  \n    // IE 8-10 support script readyState\n    // IE 11+ & Firefox support stack trace\n    try {\n      throw new Error();\n    }\n    catch (err) {\n      // Find the second match for the \"at\" string to get file src url from stack.\n      var ieStackRegExp = /.*at [^(]*\\((.*):(.+):(.+)\\)$/ig,\n        ffStackRegExp = /@([^@]*):(\\d+):(\\d+)\\s*$/ig,\n        stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),\n        scriptLocation = (stackDetails && stackDetails[1]) || false,\n        line = (stackDetails && stackDetails[2]) || false,\n        currentLocation = document.location.href.replace(document.location.hash, ''),\n        pageSource,\n        inlineScriptSourceRegExp,\n        inlineScriptSource,\n        scripts = document.getElementsByTagName('script'); // Live NodeList collection\n  \n      if (scriptLocation === currentLocation) {\n        pageSource = document.documentElement.outerHTML;\n        inlineScriptSourceRegExp = new RegExp('(?:[^\\\\n]+?\\\\n){0,' + (line - 2) + '}[^<]*<script>([\\\\d\\\\D]*?)<\\\\/script>[\\\\d\\\\D]*', 'i');\n        inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();\n      }\n  \n      for (var i = 0; i < scripts.length; i++) {\n        // If ready state is interactive, return the script tag\n        if (scripts[i].readyState === 'interactive') {\n          return scripts[i];\n        }\n  \n        // If src matches, return the script tag\n        if (scripts[i].src === scriptLocation) {\n          return scripts[i];\n        }\n  \n        // If inline source matches, return the script tag\n        if (\n          scriptLocation === currentLocation &&\n          scripts[i].innerHTML &&\n          scripts[i].innerHTML.trim() === inlineScriptSource\n        ) {\n          return scripts[i];\n        }\n      }\n  \n      // If no match, return null\n      return null;\n    }\n  };\n\n  return getCurrentScript\n}));\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var currentScript = window.document.currentScript\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    var getCurrentScript = require('@soda/get-current-script')\n    currentScript = getCurrentScript()\n\n    // for backward compatibility, because previously we directly included the polyfill\n    if (!('currentScript' in document)) {\n      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n    }\n  }\n\n  var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n  if (src) {\n    __webpack_public_path__ = src[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$parent.titleTabActive == 1)?_c('pre',[_vm._v(_vm._s(_vm.localSDP))]):(_vm.$parent.titleTabActive == 2)?_c('pre',[_vm._v(_vm._s(_vm.remoteSDP))]):_c('div',[_c('mu-text-field',{attrs:{\"label\":\"streamPath\"},model:{value:(_vm.streamPath),callback:function ($$v) {_vm.streamPath=$$v},expression:\"streamPath\"}}),(!_vm.localSDP || _vm.ask)?_c('span',{staticClass:\"blink\"},[_vm._v(\"Connecting\")]):(_vm.iceConnectionState!='connected')?_c('m-button',{on:{\"click\":_vm.startSession}},[_vm._v(\"Start\")]):(_vm.iceConnectionState=='connected')?_c('m-button',{on:{\"click\":_vm.stopSession}},[_vm._v(\"Stop\")]):_vm._e(),_c('br'),_c('video',{ref:\"video1\",attrs:{\"width\":\"640\",\"height\":\"480\",\"autoplay\":\"\",\"muted\":\"\"},domProps:{\"srcObject\":_vm.stream,\"muted\":true}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <pre v-if=\"$parent.titleTabActive == 1\">{{localSDP}}</pre>\r\n    <pre v-else-if=\"$parent.titleTabActive == 2\">{{remoteSDP}}</pre>\r\n    <div v-else>\r\n      <mu-text-field v-model=\"streamPath\" label=\"streamPath\"></mu-text-field>\r\n      <span class=\"blink\" v-if=\"!localSDP || ask\">Connecting</span>\r\n      <m-button @click=\"startSession\" v-else-if=\"iceConnectionState!='connected'\">Start</m-button>\r\n      <m-button @click=\"stopSession\" v-else-if=\"iceConnectionState=='connected'\">Stop</m-button>\r\n      <br />\r\n      <video ref=\"video1\" :srcObject.prop=\"stream\" width=\"640\" height=\"480\" autoplay muted></video>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst config = {\r\n  iceServers:[\r\n    {\r\n      urls:[\r\n        \"stun:stun.ekiga.net\",\r\n        \"stun:stun.ideasip.com\",\r\n        \"stun:stun.schlund.de\",\r\n        \"stun:stun.stunprotocol.org:3478\",\r\n        \"stun:stun.voiparound.com\",\r\n        \"stun:stun.voipbuster.com\",\r\n        \"stun:stun.voipstunt.com\",\r\n        \"stun:stun.voxgratia.org\",\r\n        \"stun:stun.services.mozilla.com\",\r\n        \"stun:stun.xten.com\",\r\n        \"stun:stun.softjoys.com\",\r\n        \"stun:stunserver.org\",\r\n        \"stun:stun.schlund.de\",\r\n        \"stun:stun.rixtelecom.se\",\r\n        \"stun:stun.iptel.org\",\r\n        \"stun:stun.ideasip.com\",\r\n        \"stun:stun.fwdnet.net\",\r\n        \"stun:stun.ekiga.net\",\r\n        \"stun:stun01.sipphone.com\",\r\n      ]\r\n    }\r\n  ]\r\n}\r\nlet pc = new RTCPeerConnection(config);\r\nvar stream = null\r\nvar streamPath = \"live/rtc\"\r\nexport default {\r\n  data() {\r\n    return {\r\n      localSDP: pc&&pc.localDescription&&pc.localDescription.sdp,\r\n      remoteSDP: pc&&pc.remoteDescription&&pc.remoteDescription.sdp,\r\n      streamPath,\r\n      iceConnectionState:pc&&pc.iceConnectionState,\r\n      stream,\r\n      ask:false\r\n    };\r\n  },\r\n  methods: {\r\n    startSession() {\r\n      this.ask = true\r\n      this.ajax({type: 'POST',processData:false,data: JSON.stringify(pc.localDescription),url:\"/webrtc/answer?streamPath=\"+this.streamPath,dataType:\"json\"}).then(result => {\r\n        this.ask = false\r\n        if (result.errmsg){\r\n          this.$toast.error(result.errmsg)\r\n        }else{\r\n          streamPath = this.streamPath\r\n          this.remoteSDP = result.sdp;\r\n          this.$parent.titleTabs = [\"摄像头\", \"localSDP\",\"remoteSDP\"];\r\n          pc.setRemoteDescription(new RTCSessionDescription(result));\r\n        }\r\n      });\r\n    },\r\n    stopSession(){\r\n      pc.close()\r\n      pc = new RTCPeerConnection(config)\r\n      this.remoteSDP = \"\"\r\n      this.localSDP = \"\"\r\n      this.connectICE().catch(err=> this.$toast.error(err.message))\r\n    },\r\n    async connectICE(){\r\n      pc.addStream(stream);\r\n      await pc.setLocalDescription(await pc.createOffer())\r\n      pc.oniceconnectionstatechange = e => {\r\n        this.$toast.info(pc.iceConnectionState)\r\n        this.iceConnectionState = pc.iceConnectionState\r\n      };\r\n      pc.onicecandidate = event => {\r\n        if (event.candidate === null) {\r\n          this.localSDP = pc.localDescription.sdp;\r\n          this.$parent.titleTabs = [\"摄像头\", \"localSDP\"];\r\n        }\r\n      };\r\n    }\r\n  },\r\n  async mounted() {\r\n    if (this.localSDP){\r\n      let tabs = [\"摄像头\"]\r\n      if(this.localSDP)tabs.push(\"localSDP\")\r\n      if(this.remoteSDP)tabs.push(\"remoteSDP\")\r\n      this.$parent.titleTabs = tabs;\r\n    } else {\r\n      try{\r\n        if(!this.stream)\r\n          this.stream = stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true })\r\n        await this.connectICE()\r\n      }catch(err){\r\n        this.$toast.error(err.message)\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n  @keyframes blink {\r\n    0% {\r\n      opacity: 0.2;\r\n    }\r\n    50% {\r\n      opacity: 1;\r\n    }\r\n    100% {\r\n      opacity: 0.2;\r\n    }\r\n  }\r\n  .blink {\r\n    animation: blink 1s infinite;\r\n  }\r\n\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&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n        injectStyles.call(\n          this,\n          (options.functional ? this.parent : this).$root.$options.shadowRoot\n        )\n      }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=42a5fa69&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=42a5fa69&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  \"42a5fa69\",\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-webrtc/webpack/bootstrap","webpack://plugin-webrtc/./node_modules/@soda/get-current-script/index.js","webpack://plugin-webrtc/./src/App.vue?986d","webpack://plugin-webrtc/./src/App.vue?df96","webpack://plugin-webrtc/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-webrtc/./src/App.vue?f5f0","webpack://plugin-webrtc/src/App.vue","webpack://plugin-webrtc/./src/App.vue?8b47","webpack://plugin-webrtc/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-webrtc/./src/App.vue","webpack://plugin-webrtc/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":[],"mappings":";;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;AClFA;AACA;AACA;;AAEA;;AAEA;AACA,MAAM,IAA0C;AAChD,IAAI,iCAAO,EAAE,oCAAE,OAAO;AAAA;AAAA;AAAA,oGAAC;AACvB,GAAG,MAAM,EAIN;AACH,CAAC;AACD;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D;;AAE1D;AACA;AACA,+DAA+D,qBAAqB;AACpF;AACA;;AAEA,qBAAqB,oBAAoB;AACzC;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,CAAC;;;;;;;;ACvED,uC;;;;;;;;ACAA;AAAA;AAAA;AAAgc,CAAgB,ggBAAG,EAAC,C;;;;;;;;;;;;ACApd;;AAEA;AACA;AACA,MAAM,IAAuC;AAC7C,2BAA2B,mBAAO,CAAC,MAA0B;AAC7D;;AAEA;AACA;AACA,wDAAwD,wBAAwB;AAChF;AACA;;AAEA;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACrBnB,0BAA0B,aAAa,0BAA0B,wBAAwB,sMAAsM,OAAO,qBAAqB,QAAQ,gDAAgD,mBAAmB,0BAA0B,wCAAwC,oBAAoB,+EAA+E,IAAI,yBAAyB,qCAAqC,qCAAqC,IAAI,yBAAyB,kCAAkC,yEAAyE,IAAI,yBAAyB,iDAAiD,oBAAoB,sDAAsD,WAAW,qCAAqC;AACl+B;;;;;;;;;;;;;;;;;;;;;;;;;ACkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,CAAC,EAAC;;;ACxHoK,CAAgB,+FAAG,EAAC,C;;;;;ACA1L;;AAEA;AACA;AACA;;AAEe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;ACjG8F;AACvC;AACL;AACqC;;;AAGvF;AACuF;AACvF,gBAAgB,kBAAU;AAC1B,EAAE,+BAAM;AACR,EAAE,MAAM;AACR,EAAE,eAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,yD;;ACnBS;AACA;AACT,kFAAG;AACI","file":"plugin-webrtc.common.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"fb15\");\n","// addapted from the document.currentScript polyfill by Adam Miller\n// MIT license\n// source: https://github.com/amiller-gh/currentScript-polyfill\n\n// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505\n\n(function (root, factory) {\n  if (typeof define === 'function' && define.amd) {\n    define([], factory);\n  } else if (typeof module === 'object' && module.exports) {\n    module.exports = factory();\n  } else {\n    root.getCurrentScript = factory();\n  }\n}(typeof self !== 'undefined' ? self : this, function () {\n  function getCurrentScript () {\n    if (document.currentScript) {\n      return document.currentScript\n    }\n  \n    // IE 8-10 support script readyState\n    // IE 11+ & Firefox support stack trace\n    try {\n      throw new Error();\n    }\n    catch (err) {\n      // Find the second match for the \"at\" string to get file src url from stack.\n      var ieStackRegExp = /.*at [^(]*\\((.*):(.+):(.+)\\)$/ig,\n        ffStackRegExp = /@([^@]*):(\\d+):(\\d+)\\s*$/ig,\n        stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),\n        scriptLocation = (stackDetails && stackDetails[1]) || false,\n        line = (stackDetails && stackDetails[2]) || false,\n        currentLocation = document.location.href.replace(document.location.hash, ''),\n        pageSource,\n        inlineScriptSourceRegExp,\n        inlineScriptSource,\n        scripts = document.getElementsByTagName('script'); // Live NodeList collection\n  \n      if (scriptLocation === currentLocation) {\n        pageSource = document.documentElement.outerHTML;\n        inlineScriptSourceRegExp = new RegExp('(?:[^\\\\n]+?\\\\n){0,' + (line - 2) + '}[^<]*<script>([\\\\d\\\\D]*?)<\\\\/script>[\\\\d\\\\D]*', 'i');\n        inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();\n      }\n  \n      for (var i = 0; i < scripts.length; i++) {\n        // If ready state is interactive, return the script tag\n        if (scripts[i].readyState === 'interactive') {\n          return scripts[i];\n        }\n  \n        // If src matches, return the script tag\n        if (scripts[i].src === scriptLocation) {\n          return scripts[i];\n        }\n  \n        // If inline source matches, return the script tag\n        if (\n          scriptLocation === currentLocation &&\n          scripts[i].innerHTML &&\n          scripts[i].innerHTML.trim() === inlineScriptSource\n        ) {\n          return scripts[i];\n        }\n      }\n  \n      // If no match, return null\n      return null;\n    }\n  };\n\n  return getCurrentScript\n}));\n","// 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=3d66f6b2&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=3d66f6b2&scoped=true&lang=css&\"","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var currentScript = window.document.currentScript\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    var getCurrentScript = require('@soda/get-current-script')\n    currentScript = getCurrentScript()\n\n    // for backward compatibility, because previously we directly included the polyfill\n    if (!('currentScript' in document)) {\n      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n    }\n  }\n\n  var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n  if (src) {\n    __webpack_public_path__ = src[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$parent.titleTabActive == 1)?_c('pre',[_vm._v(_vm._s(_vm.localSDP))]):(_vm.$parent.titleTabActive == 2)?_c('pre',[_vm._v(_vm._s(_vm.remoteSDP))]):_c('div',[_c('mu-text-field',{attrs:{\"label\":\"streamPath\"},model:{value:(_vm.streamPath),callback:function ($$v) {_vm.streamPath=$$v},expression:\"streamPath\"}}),(!_vm.localSDP || _vm.ask)?_c('span',{staticClass:\"blink\"},[_vm._v(\"Connecting\")]):(_vm.iceConnectionState!='connected')?[_c('m-button',{on:{\"click\":function($event){return _vm.startSession('publish')}}},[_vm._v(\"Publish\")]),_c('m-button',{on:{\"click\":function($event){return _vm.startSession('play')}}},[_vm._v(\"Play\")])]:(_vm.iceConnectionState=='connected')?_c('m-button',{on:{\"click\":_vm.stopSession}},[_vm._v(\"Stop\")]):_vm._e(),_c('br'),_c('video',{ref:\"video1\",attrs:{\"width\":\"640\",\"height\":\"480\",\"autoplay\":\"\",\"muted\":\"\"},domProps:{\"srcObject\":_vm.stream,\"muted\":true}})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <pre v-if=\"$parent.titleTabActive == 1\">{{localSDP}}</pre>\r\n    <pre v-else-if=\"$parent.titleTabActive == 2\">{{remoteSDP}}</pre>\r\n    <div v-else>\r\n      <mu-text-field v-model=\"streamPath\" label=\"streamPath\"></mu-text-field>\r\n      <span class=\"blink\" v-if=\"!localSDP || ask\">Connecting</span>\r\n      <template v-else-if=\"iceConnectionState!='connected'\">\r\n        <m-button @click=\"startSession('publish')\">Publish</m-button>\r\n        <m-button @click=\"startSession('play')\">Play</m-button>\r\n      </template>\r\n      <m-button @click=\"stopSession\" v-else-if=\"iceConnectionState=='connected'\">Stop</m-button>\r\n      <br />\r\n      <video ref=\"video1\" :srcObject.prop=\"stream\" width=\"640\" height=\"480\" autoplay muted></video>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst config = {\r\n  iceServers:[\r\n    // {\r\n    //   urls:[\r\n    //     \"stun:stun.ekiga.net\",\r\n    //     \"stun:stun.ideasip.com\",\r\n    //     \"stun:stun.schlund.de\",\r\n    //     \"stun:stun.stunprotocol.org:3478\",\r\n    //     \"stun:stun.voiparound.com\",\r\n    //     \"stun:stun.voipbuster.com\",\r\n    //     \"stun:stun.voipstunt.com\",\r\n    //     \"stun:stun.voxgratia.org\",\r\n    //     \"stun:stun.services.mozilla.com\",\r\n    //     \"stun:stun.xten.com\",\r\n    //     \"stun:stun.softjoys.com\",\r\n    //     \"stun:stunserver.org\",\r\n    //     \"stun:stun.schlund.de\",\r\n    //     \"stun:stun.rixtelecom.se\",\r\n    //     \"stun:stun.iptel.org\",\r\n    //     \"stun:stun.ideasip.com\",\r\n    //     \"stun:stun.fwdnet.net\",\r\n    //     \"stun:stun.ekiga.net\",\r\n    //     \"stun:stun01.sipphone.com\",\r\n    //   ]\r\n    // }\r\n  ]\r\n}\r\nlet pc = new RTCPeerConnection(config);\r\nvar stream = null\r\nvar streamPath = \"live/rtc\"\r\nexport default {\r\n  data() {\r\n    return {\r\n      localSDP: pc&&pc.localDescription&&pc.localDescription.sdp,\r\n      remoteSDP: pc&&pc.remoteDescription&&pc.remoteDescription.sdp,\r\n      streamPath,\r\n      iceConnectionState:pc&&pc.iceConnectionState,\r\n      stream,\r\n      type:\"\",\r\n      ask:false\r\n    };\r\n  },\r\n  methods: {\r\n    startSession(type) {\r\n      this.type = type\r\n      this.ask = true\r\n      this.ajax({type: 'POST',processData:false,data: JSON.stringify(pc.localDescription),url:\"/webrtc/\"+type+\"?streamPath=\"+this.streamPath,dataType:\"json\"}).then(result => {\r\n        this.ask = false\r\n        if (result.errmsg){\r\n          this.$toast.error(result.errmsg)\r\n        }else{\r\n          streamPath = this.streamPath\r\n          this.remoteSDP = result.sdp;\r\n          this.$parent.titleTabs = [\"摄像头\", \"localSDP\",\"remoteSDP\"];\r\n          pc.setRemoteDescription(new RTCSessionDescription(result));\r\n        }\r\n      });\r\n    },\r\n    stopSession(){\r\n      pc.close()\r\n      pc = new RTCPeerConnection(config)\r\n      this.remoteSDP = \"\"\r\n      this.localSDP = \"\"\r\n      this.connectICE().catch(err=> this.$toast.error(err.message))\r\n    },\r\n    async connectICE(){\r\n      pc.addStream(stream);\r\n      await pc.setLocalDescription(await pc.createOffer())\r\n      pc.oniceconnectionstatechange = e => {\r\n        this.$toast.info(pc.iceConnectionState)\r\n        this.iceConnectionState = pc.iceConnectionState\r\n      };\r\n      pc.onicecandidate = event => {\r\n        if (event.candidate === null) {\r\n          this.localSDP = pc.localDescription.sdp;\r\n          this.$parent.titleTabs = [\"摄像头\", \"localSDP\"];\r\n        }\r\n      };\r\n      pc.ontrack = event=>{\r\n        if(this.type==\"play\" && event.streams[0]){\r\n          this.stream = stream = event.streams[0]\r\n        }\r\n      }\r\n    }\r\n  },\r\n  async mounted() {\r\n    if (this.localSDP){\r\n      let tabs = [\"摄像头\"]\r\n      if(this.localSDP)tabs.push(\"localSDP\")\r\n      if(this.remoteSDP)tabs.push(\"remoteSDP\")\r\n      this.$parent.titleTabs = tabs;\r\n    } else {\r\n      try{\r\n        if(!this.stream)\r\n          this.stream = stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true })\r\n        await this.connectICE()\r\n      }catch(err){\r\n        this.$toast.error(err.message)\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n  @keyframes blink {\r\n    0% {\r\n      opacity: 0.2;\r\n    }\r\n    50% {\r\n      opacity: 1;\r\n    }\r\n    100% {\r\n      opacity: 0.2;\r\n    }\r\n  }\r\n  .blink {\r\n    animation: blink 1s infinite;\r\n  }\r\n\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&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n        injectStyles.call(\n          this,\n          (options.functional ? this.parent : this).$root.$options.shadowRoot\n        )\n      }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=3d66f6b2&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=3d66f6b2&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  \"3d66f6b2\",\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-webrtc.css b/ui/dist/plugin-webrtc.css
index f947b34..3f80af2 100644
--- a/ui/dist/plugin-webrtc.css
+++ b/ui/dist/plugin-webrtc.css
@@ -1 +1 @@
-@-webkit-keyframes blink-data-v-42a5fa69{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}@keyframes blink-data-v-42a5fa69{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.blink[data-v-42a5fa69]{-webkit-animation:blink-data-v-42a5fa69 1s infinite;animation:blink-data-v-42a5fa69 1s infinite}
\ No newline at end of file
+@-webkit-keyframes blink-data-v-3d66f6b2{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}@keyframes blink-data-v-3d66f6b2{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.blink[data-v-3d66f6b2]{-webkit-animation:blink-data-v-3d66f6b2 1s infinite;animation:blink-data-v-3d66f6b2 1s infinite}
\ No newline at end of file
diff --git a/ui/dist/plugin-webrtc.umd.js b/ui/dist/plugin-webrtc.umd.js
index 9bc1359..15ec49b 100644
--- a/ui/dist/plugin-webrtc.umd.js
+++ b/ui/dist/plugin-webrtc.umd.js
@@ -96,24 +96,6 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
-/***/ "40b7":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "5776":
-/***/ (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_42a5fa69_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("40b7");
-/* 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_42a5fa69_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_42a5fa69_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_42a5fa69_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
-/***/ }),
-
 /***/ "8875":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -190,6 +172,24 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 }));
 
 
+/***/ }),
+
+/***/ "8dc9":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "c857":
+/***/ (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_3d66f6b2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8dc9");
+/* 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_3d66f6b2_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_3d66f6b2_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_3d66f6b2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
 /***/ }),
 
 /***/ "fb15":
@@ -223,12 +223,12 @@ 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":"7d106341-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=42a5fa69&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$parent.titleTabActive == 1)?_c('pre',[_vm._v(_vm._s(_vm.localSDP))]):(_vm.$parent.titleTabActive == 2)?_c('pre',[_vm._v(_vm._s(_vm.remoteSDP))]):_c('div',[_c('mu-text-field',{attrs:{"label":"streamPath"},model:{value:(_vm.streamPath),callback:function ($$v) {_vm.streamPath=$$v},expression:"streamPath"}}),(!_vm.localSDP || _vm.ask)?_c('span',{staticClass:"blink"},[_vm._v("Connecting")]):(_vm.iceConnectionState!='connected')?_c('m-button',{on:{"click":_vm.startSession}},[_vm._v("Start")]):(_vm.iceConnectionState=='connected')?_c('m-button',{on:{"click":_vm.stopSession}},[_vm._v("Stop")]):_vm._e(),_c('br'),_c('video',{ref:"video1",attrs:{"width":"640","height":"480","autoplay":"","muted":""},domProps:{"srcObject":_vm.stream,"muted":true}})],1)])}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d106341-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=3d66f6b2&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$parent.titleTabActive == 1)?_c('pre',[_vm._v(_vm._s(_vm.localSDP))]):(_vm.$parent.titleTabActive == 2)?_c('pre',[_vm._v(_vm._s(_vm.remoteSDP))]):_c('div',[_c('mu-text-field',{attrs:{"label":"streamPath"},model:{value:(_vm.streamPath),callback:function ($$v) {_vm.streamPath=$$v},expression:"streamPath"}}),(!_vm.localSDP || _vm.ask)?_c('span',{staticClass:"blink"},[_vm._v("Connecting")]):(_vm.iceConnectionState!='connected')?[_c('m-button',{on:{"click":function($event){return _vm.startSession('publish')}}},[_vm._v("Publish")]),_c('m-button',{on:{"click":function($event){return _vm.startSession('play')}}},[_vm._v("Play")])]:(_vm.iceConnectionState=='connected')?_c('m-button',{on:{"click":_vm.stopSession}},[_vm._v("Stop")]):_vm._e(),_c('br'),_c('video',{ref:"video1",attrs:{"width":"640","height":"480","autoplay":"","muted":""},domProps:{"srcObject":_vm.stream,"muted":true}})],2)])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=42a5fa69&scoped=true&
+// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=3d66f6b2&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js&
 //
@@ -246,32 +246,35 @@ var staticRenderFns = []
 //
 //
 //
+//
+//
+//
 
 const config = {
   iceServers:[
-    {
-      urls:[
-        "stun:stun.ekiga.net",
-        "stun:stun.ideasip.com",
-        "stun:stun.schlund.de",
-        "stun:stun.stunprotocol.org:3478",
-        "stun:stun.voiparound.com",
-        "stun:stun.voipbuster.com",
-        "stun:stun.voipstunt.com",
-        "stun:stun.voxgratia.org",
-        "stun:stun.services.mozilla.com",
-        "stun:stun.xten.com",
-        "stun:stun.softjoys.com",
-        "stun:stunserver.org",
-        "stun:stun.schlund.de",
-        "stun:stun.rixtelecom.se",
-        "stun:stun.iptel.org",
-        "stun:stun.ideasip.com",
-        "stun:stun.fwdnet.net",
-        "stun:stun.ekiga.net",
-        "stun:stun01.sipphone.com",
-      ]
-    }
+    // {
+    //   urls:[
+    //     "stun:stun.ekiga.net",
+    //     "stun:stun.ideasip.com",
+    //     "stun:stun.schlund.de",
+    //     "stun:stun.stunprotocol.org:3478",
+    //     "stun:stun.voiparound.com",
+    //     "stun:stun.voipbuster.com",
+    //     "stun:stun.voipstunt.com",
+    //     "stun:stun.voxgratia.org",
+    //     "stun:stun.services.mozilla.com",
+    //     "stun:stun.xten.com",
+    //     "stun:stun.softjoys.com",
+    //     "stun:stunserver.org",
+    //     "stun:stun.schlund.de",
+    //     "stun:stun.rixtelecom.se",
+    //     "stun:stun.iptel.org",
+    //     "stun:stun.ideasip.com",
+    //     "stun:stun.fwdnet.net",
+    //     "stun:stun.ekiga.net",
+    //     "stun:stun01.sipphone.com",
+    //   ]
+    // }
   ]
 }
 let pc = new RTCPeerConnection(config);
@@ -285,13 +288,15 @@ var streamPath = "live/rtc"
       streamPath,
       iceConnectionState:pc&&pc.iceConnectionState,
       stream,
+      type:"",
       ask:false
     };
   },
   methods: {
-    startSession() {
+    startSession(type) {
+      this.type = type
       this.ask = true
-      this.ajax({type: 'POST',processData:false,data: JSON.stringify(pc.localDescription),url:"/webrtc/answer?streamPath="+this.streamPath,dataType:"json"}).then(result => {
+      this.ajax({type: 'POST',processData:false,data: JSON.stringify(pc.localDescription),url:"/webrtc/"+type+"?streamPath="+this.streamPath,dataType:"json"}).then(result => {
         this.ask = false
         if (result.errmsg){
           this.$toast.error(result.errmsg)
@@ -323,6 +328,11 @@ var streamPath = "live/rtc"
           this.$parent.titleTabs = ["摄像头", "localSDP"];
         }
       };
+      pc.ontrack = event=>{
+        if(this.type=="play" && event.streams[0]){
+          this.stream = stream = event.streams[0]
+        }
+      }
     }
   },
   async mounted() {
@@ -345,8 +355,8 @@ var streamPath = "live/rtc"
 
 // 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=42a5fa69&scoped=true&lang=css&
-var Appvue_type_style_index_0_id_42a5fa69_scoped_true_lang_css_ = __webpack_require__("5776");
+// EXTERNAL MODULE: ./src/App.vue?vue&type=style&index=0&id=3d66f6b2&scoped=true&lang=css&
+var Appvue_type_style_index_0_id_3d66f6b2_scoped_true_lang_css_ = __webpack_require__("c857");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -463,7 +473,7 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "42a5fa69",
+  "3d66f6b2",
   null
   
 )
diff --git a/ui/dist/plugin-webrtc.umd.js.map b/ui/dist/plugin-webrtc.umd.js.map
index 3bf59de..d9fc8b6 100644
--- a/ui/dist/plugin-webrtc.umd.js.map
+++ b/ui/dist/plugin-webrtc.umd.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack://plugin-webrtc/webpack/universalModuleDefinition","webpack://plugin-webrtc/webpack/bootstrap","webpack://plugin-webrtc/./src/App.vue?8644","webpack://plugin-webrtc/./src/App.vue?fd6a","webpack://plugin-webrtc/./node_modules/@soda/get-current-script/index.js","webpack://plugin-webrtc/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-webrtc/./src/App.vue?d425","webpack://plugin-webrtc/src/App.vue","webpack://plugin-webrtc/./src/App.vue?8b47","webpack://plugin-webrtc/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-webrtc/./src/App.vue","webpack://plugin-webrtc/./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;AACA;AACA;;AAEA;;AAEA;AACA,MAAM,IAA0C;AAChD,IAAI,iCAAO,EAAE,oCAAE,OAAO;AAAA;AAAA;AAAA,oGAAC;AACvB,GAAG,MAAM,EAIN;AACH,CAAC;AACD;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D;;AAE1D;AACA;AACA,+DAA+D,qBAAqB;AACpF;AACA;;AAEA,qBAAqB,oBAAoB;AACzC;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,CAAC;;;;;;;;;;;;;ACvED;;AAEA;AACA;AACA,MAAM,IAAuC;AAC7C,2BAA2B,mBAAO,CAAC,MAA0B;AAC7D;;AAEA;AACA;AACA,wDAAwD,wBAAwB;AAChF;AACA;;AAEA;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACrBnB,0BAA0B,aAAa,0BAA0B,wBAAwB,sMAAsM,OAAO,qBAAqB,QAAQ,gDAAgD,mBAAmB,0BAA0B,wCAAwC,oBAAoB,8EAA8E,IAAI,0BAA0B,yEAAyE,IAAI,yBAAyB,iDAAiD,oBAAoB,sDAAsD,WAAW,qCAAqC;AACz1B;;;;;;;;;;;;;;;;;;;;;;ACeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,CAAC,EAAC;;;AC9GoK,CAAgB,+FAAG,EAAC,C;;;;;ACA1L;;AAEA;AACA;AACA;;AAEe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;ACjG8F;AACvC;AACL;AACqC;;;AAGvF;AACuF;AACvF,gBAAgB,kBAAU;AAC1B,EAAE,+BAAM;AACR,EAAE,MAAM;AACR,EAAE,eAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,yD;;ACnBS;AACA;AACT,kFAAG;AACI","file":"plugin-webrtc.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-webrtc\"] = factory();\n\telse\n\t\troot[\"plugin-webrtc\"] = 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=42a5fa69&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=42a5fa69&scoped=true&lang=css&\"","// addapted from the document.currentScript polyfill by Adam Miller\n// MIT license\n// source: https://github.com/amiller-gh/currentScript-polyfill\n\n// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505\n\n(function (root, factory) {\n  if (typeof define === 'function' && define.amd) {\n    define([], factory);\n  } else if (typeof module === 'object' && module.exports) {\n    module.exports = factory();\n  } else {\n    root.getCurrentScript = factory();\n  }\n}(typeof self !== 'undefined' ? self : this, function () {\n  function getCurrentScript () {\n    if (document.currentScript) {\n      return document.currentScript\n    }\n  \n    // IE 8-10 support script readyState\n    // IE 11+ & Firefox support stack trace\n    try {\n      throw new Error();\n    }\n    catch (err) {\n      // Find the second match for the \"at\" string to get file src url from stack.\n      var ieStackRegExp = /.*at [^(]*\\((.*):(.+):(.+)\\)$/ig,\n        ffStackRegExp = /@([^@]*):(\\d+):(\\d+)\\s*$/ig,\n        stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),\n        scriptLocation = (stackDetails && stackDetails[1]) || false,\n        line = (stackDetails && stackDetails[2]) || false,\n        currentLocation = document.location.href.replace(document.location.hash, ''),\n        pageSource,\n        inlineScriptSourceRegExp,\n        inlineScriptSource,\n        scripts = document.getElementsByTagName('script'); // Live NodeList collection\n  \n      if (scriptLocation === currentLocation) {\n        pageSource = document.documentElement.outerHTML;\n        inlineScriptSourceRegExp = new RegExp('(?:[^\\\\n]+?\\\\n){0,' + (line - 2) + '}[^<]*<script>([\\\\d\\\\D]*?)<\\\\/script>[\\\\d\\\\D]*', 'i');\n        inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();\n      }\n  \n      for (var i = 0; i < scripts.length; i++) {\n        // If ready state is interactive, return the script tag\n        if (scripts[i].readyState === 'interactive') {\n          return scripts[i];\n        }\n  \n        // If src matches, return the script tag\n        if (scripts[i].src === scriptLocation) {\n          return scripts[i];\n        }\n  \n        // If inline source matches, return the script tag\n        if (\n          scriptLocation === currentLocation &&\n          scripts[i].innerHTML &&\n          scripts[i].innerHTML.trim() === inlineScriptSource\n        ) {\n          return scripts[i];\n        }\n      }\n  \n      // If no match, return null\n      return null;\n    }\n  };\n\n  return getCurrentScript\n}));\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var currentScript = window.document.currentScript\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    var getCurrentScript = require('@soda/get-current-script')\n    currentScript = getCurrentScript()\n\n    // for backward compatibility, because previously we directly included the polyfill\n    if (!('currentScript' in document)) {\n      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n    }\n  }\n\n  var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n  if (src) {\n    __webpack_public_path__ = src[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$parent.titleTabActive == 1)?_c('pre',[_vm._v(_vm._s(_vm.localSDP))]):(_vm.$parent.titleTabActive == 2)?_c('pre',[_vm._v(_vm._s(_vm.remoteSDP))]):_c('div',[_c('mu-text-field',{attrs:{\"label\":\"streamPath\"},model:{value:(_vm.streamPath),callback:function ($$v) {_vm.streamPath=$$v},expression:\"streamPath\"}}),(!_vm.localSDP || _vm.ask)?_c('span',{staticClass:\"blink\"},[_vm._v(\"Connecting\")]):(_vm.iceConnectionState!='connected')?_c('m-button',{on:{\"click\":_vm.startSession}},[_vm._v(\"Start\")]):(_vm.iceConnectionState=='connected')?_c('m-button',{on:{\"click\":_vm.stopSession}},[_vm._v(\"Stop\")]):_vm._e(),_c('br'),_c('video',{ref:\"video1\",attrs:{\"width\":\"640\",\"height\":\"480\",\"autoplay\":\"\",\"muted\":\"\"},domProps:{\"srcObject\":_vm.stream,\"muted\":true}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <pre v-if=\"$parent.titleTabActive == 1\">{{localSDP}}</pre>\r\n    <pre v-else-if=\"$parent.titleTabActive == 2\">{{remoteSDP}}</pre>\r\n    <div v-else>\r\n      <mu-text-field v-model=\"streamPath\" label=\"streamPath\"></mu-text-field>\r\n      <span class=\"blink\" v-if=\"!localSDP || ask\">Connecting</span>\r\n      <m-button @click=\"startSession\" v-else-if=\"iceConnectionState!='connected'\">Start</m-button>\r\n      <m-button @click=\"stopSession\" v-else-if=\"iceConnectionState=='connected'\">Stop</m-button>\r\n      <br />\r\n      <video ref=\"video1\" :srcObject.prop=\"stream\" width=\"640\" height=\"480\" autoplay muted></video>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst config = {\r\n  iceServers:[\r\n    {\r\n      urls:[\r\n        \"stun:stun.ekiga.net\",\r\n        \"stun:stun.ideasip.com\",\r\n        \"stun:stun.schlund.de\",\r\n        \"stun:stun.stunprotocol.org:3478\",\r\n        \"stun:stun.voiparound.com\",\r\n        \"stun:stun.voipbuster.com\",\r\n        \"stun:stun.voipstunt.com\",\r\n        \"stun:stun.voxgratia.org\",\r\n        \"stun:stun.services.mozilla.com\",\r\n        \"stun:stun.xten.com\",\r\n        \"stun:stun.softjoys.com\",\r\n        \"stun:stunserver.org\",\r\n        \"stun:stun.schlund.de\",\r\n        \"stun:stun.rixtelecom.se\",\r\n        \"stun:stun.iptel.org\",\r\n        \"stun:stun.ideasip.com\",\r\n        \"stun:stun.fwdnet.net\",\r\n        \"stun:stun.ekiga.net\",\r\n        \"stun:stun01.sipphone.com\",\r\n      ]\r\n    }\r\n  ]\r\n}\r\nlet pc = new RTCPeerConnection(config);\r\nvar stream = null\r\nvar streamPath = \"live/rtc\"\r\nexport default {\r\n  data() {\r\n    return {\r\n      localSDP: pc&&pc.localDescription&&pc.localDescription.sdp,\r\n      remoteSDP: pc&&pc.remoteDescription&&pc.remoteDescription.sdp,\r\n      streamPath,\r\n      iceConnectionState:pc&&pc.iceConnectionState,\r\n      stream,\r\n      ask:false\r\n    };\r\n  },\r\n  methods: {\r\n    startSession() {\r\n      this.ask = true\r\n      this.ajax({type: 'POST',processData:false,data: JSON.stringify(pc.localDescription),url:\"/webrtc/answer?streamPath=\"+this.streamPath,dataType:\"json\"}).then(result => {\r\n        this.ask = false\r\n        if (result.errmsg){\r\n          this.$toast.error(result.errmsg)\r\n        }else{\r\n          streamPath = this.streamPath\r\n          this.remoteSDP = result.sdp;\r\n          this.$parent.titleTabs = [\"摄像头\", \"localSDP\",\"remoteSDP\"];\r\n          pc.setRemoteDescription(new RTCSessionDescription(result));\r\n        }\r\n      });\r\n    },\r\n    stopSession(){\r\n      pc.close()\r\n      pc = new RTCPeerConnection(config)\r\n      this.remoteSDP = \"\"\r\n      this.localSDP = \"\"\r\n      this.connectICE().catch(err=> this.$toast.error(err.message))\r\n    },\r\n    async connectICE(){\r\n      pc.addStream(stream);\r\n      await pc.setLocalDescription(await pc.createOffer())\r\n      pc.oniceconnectionstatechange = e => {\r\n        this.$toast.info(pc.iceConnectionState)\r\n        this.iceConnectionState = pc.iceConnectionState\r\n      };\r\n      pc.onicecandidate = event => {\r\n        if (event.candidate === null) {\r\n          this.localSDP = pc.localDescription.sdp;\r\n          this.$parent.titleTabs = [\"摄像头\", \"localSDP\"];\r\n        }\r\n      };\r\n    }\r\n  },\r\n  async mounted() {\r\n    if (this.localSDP){\r\n      let tabs = [\"摄像头\"]\r\n      if(this.localSDP)tabs.push(\"localSDP\")\r\n      if(this.remoteSDP)tabs.push(\"remoteSDP\")\r\n      this.$parent.titleTabs = tabs;\r\n    } else {\r\n      try{\r\n        if(!this.stream)\r\n          this.stream = stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true })\r\n        await this.connectICE()\r\n      }catch(err){\r\n        this.$toast.error(err.message)\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n  @keyframes blink {\r\n    0% {\r\n      opacity: 0.2;\r\n    }\r\n    50% {\r\n      opacity: 1;\r\n    }\r\n    100% {\r\n      opacity: 0.2;\r\n    }\r\n  }\r\n  .blink {\r\n    animation: blink 1s infinite;\r\n  }\r\n\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&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n        injectStyles.call(\n          this,\n          (options.functional ? this.parent : this).$root.$options.shadowRoot\n        )\n      }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=42a5fa69&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=42a5fa69&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  \"42a5fa69\",\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-webrtc/webpack/universalModuleDefinition","webpack://plugin-webrtc/webpack/bootstrap","webpack://plugin-webrtc/./node_modules/@soda/get-current-script/index.js","webpack://plugin-webrtc/./src/App.vue?986d","webpack://plugin-webrtc/./src/App.vue?df96","webpack://plugin-webrtc/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-webrtc/./src/App.vue?f5f0","webpack://plugin-webrtc/src/App.vue","webpack://plugin-webrtc/./src/App.vue?8b47","webpack://plugin-webrtc/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-webrtc/./src/App.vue","webpack://plugin-webrtc/./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;AACA;AACA;;AAEA;;AAEA;AACA,MAAM,IAA0C;AAChD,IAAI,iCAAO,EAAE,oCAAE,OAAO;AAAA;AAAA;AAAA,oGAAC;AACvB,GAAG,MAAM,EAIN;AACH,CAAC;AACD;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0DAA0D;;AAE1D;AACA;AACA,+DAA+D,qBAAqB;AACpF;AACA;;AAEA,qBAAqB,oBAAoB;AACzC;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,CAAC;;;;;;;;ACvED,uC;;;;;;;;ACAA;AAAA;AAAA;AAAgc,CAAgB,ggBAAG,EAAC,C;;;;;;;;;;;;ACApd;;AAEA;AACA;AACA,MAAM,IAAuC;AAC7C,2BAA2B,mBAAO,CAAC,MAA0B;AAC7D;;AAEA;AACA;AACA,wDAAwD,wBAAwB;AAChF;AACA;;AAEA;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACe,sDAAI;;;ACrBnB,0BAA0B,aAAa,0BAA0B,wBAAwB,sMAAsM,OAAO,qBAAqB,QAAQ,gDAAgD,mBAAmB,0BAA0B,wCAAwC,oBAAoB,+EAA+E,IAAI,yBAAyB,qCAAqC,qCAAqC,IAAI,yBAAyB,kCAAkC,yEAAyE,IAAI,yBAAyB,iDAAiD,oBAAoB,sDAAsD,WAAW,qCAAqC;AACl+B;;;;;;;;;;;;;;;;;;;;;;;;;ACkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,CAAC,EAAC;;;ACxHoK,CAAgB,+FAAG,EAAC,C;;;;;ACA1L;;AAEA;AACA;AACA;;AAEe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;ACjG8F;AACvC;AACL;AACqC;;;AAGvF;AACuF;AACvF,gBAAgB,kBAAU;AAC1B,EAAE,+BAAM;AACR,EAAE,MAAM;AACR,EAAE,eAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,yD;;ACnBS;AACA;AACT,kFAAG;AACI","file":"plugin-webrtc.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-webrtc\"] = factory();\n\telse\n\t\troot[\"plugin-webrtc\"] = 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","// addapted from the document.currentScript polyfill by Adam Miller\n// MIT license\n// source: https://github.com/amiller-gh/currentScript-polyfill\n\n// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505\n\n(function (root, factory) {\n  if (typeof define === 'function' && define.amd) {\n    define([], factory);\n  } else if (typeof module === 'object' && module.exports) {\n    module.exports = factory();\n  } else {\n    root.getCurrentScript = factory();\n  }\n}(typeof self !== 'undefined' ? self : this, function () {\n  function getCurrentScript () {\n    if (document.currentScript) {\n      return document.currentScript\n    }\n  \n    // IE 8-10 support script readyState\n    // IE 11+ & Firefox support stack trace\n    try {\n      throw new Error();\n    }\n    catch (err) {\n      // Find the second match for the \"at\" string to get file src url from stack.\n      var ieStackRegExp = /.*at [^(]*\\((.*):(.+):(.+)\\)$/ig,\n        ffStackRegExp = /@([^@]*):(\\d+):(\\d+)\\s*$/ig,\n        stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),\n        scriptLocation = (stackDetails && stackDetails[1]) || false,\n        line = (stackDetails && stackDetails[2]) || false,\n        currentLocation = document.location.href.replace(document.location.hash, ''),\n        pageSource,\n        inlineScriptSourceRegExp,\n        inlineScriptSource,\n        scripts = document.getElementsByTagName('script'); // Live NodeList collection\n  \n      if (scriptLocation === currentLocation) {\n        pageSource = document.documentElement.outerHTML;\n        inlineScriptSourceRegExp = new RegExp('(?:[^\\\\n]+?\\\\n){0,' + (line - 2) + '}[^<]*<script>([\\\\d\\\\D]*?)<\\\\/script>[\\\\d\\\\D]*', 'i');\n        inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();\n      }\n  \n      for (var i = 0; i < scripts.length; i++) {\n        // If ready state is interactive, return the script tag\n        if (scripts[i].readyState === 'interactive') {\n          return scripts[i];\n        }\n  \n        // If src matches, return the script tag\n        if (scripts[i].src === scriptLocation) {\n          return scripts[i];\n        }\n  \n        // If inline source matches, return the script tag\n        if (\n          scriptLocation === currentLocation &&\n          scripts[i].innerHTML &&\n          scripts[i].innerHTML.trim() === inlineScriptSource\n        ) {\n          return scripts[i];\n        }\n      }\n  \n      // If no match, return null\n      return null;\n    }\n  };\n\n  return getCurrentScript\n}));\n","// 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=3d66f6b2&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=3d66f6b2&scoped=true&lang=css&\"","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var currentScript = window.document.currentScript\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    var getCurrentScript = require('@soda/get-current-script')\n    currentScript = getCurrentScript()\n\n    // for backward compatibility, because previously we directly included the polyfill\n    if (!('currentScript' in document)) {\n      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n    }\n  }\n\n  var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n  if (src) {\n    __webpack_public_path__ = src[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$parent.titleTabActive == 1)?_c('pre',[_vm._v(_vm._s(_vm.localSDP))]):(_vm.$parent.titleTabActive == 2)?_c('pre',[_vm._v(_vm._s(_vm.remoteSDP))]):_c('div',[_c('mu-text-field',{attrs:{\"label\":\"streamPath\"},model:{value:(_vm.streamPath),callback:function ($$v) {_vm.streamPath=$$v},expression:\"streamPath\"}}),(!_vm.localSDP || _vm.ask)?_c('span',{staticClass:\"blink\"},[_vm._v(\"Connecting\")]):(_vm.iceConnectionState!='connected')?[_c('m-button',{on:{\"click\":function($event){return _vm.startSession('publish')}}},[_vm._v(\"Publish\")]),_c('m-button',{on:{\"click\":function($event){return _vm.startSession('play')}}},[_vm._v(\"Play\")])]:(_vm.iceConnectionState=='connected')?_c('m-button',{on:{\"click\":_vm.stopSession}},[_vm._v(\"Stop\")]):_vm._e(),_c('br'),_c('video',{ref:\"video1\",attrs:{\"width\":\"640\",\"height\":\"480\",\"autoplay\":\"\",\"muted\":\"\"},domProps:{\"srcObject\":_vm.stream,\"muted\":true}})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <pre v-if=\"$parent.titleTabActive == 1\">{{localSDP}}</pre>\r\n    <pre v-else-if=\"$parent.titleTabActive == 2\">{{remoteSDP}}</pre>\r\n    <div v-else>\r\n      <mu-text-field v-model=\"streamPath\" label=\"streamPath\"></mu-text-field>\r\n      <span class=\"blink\" v-if=\"!localSDP || ask\">Connecting</span>\r\n      <template v-else-if=\"iceConnectionState!='connected'\">\r\n        <m-button @click=\"startSession('publish')\">Publish</m-button>\r\n        <m-button @click=\"startSession('play')\">Play</m-button>\r\n      </template>\r\n      <m-button @click=\"stopSession\" v-else-if=\"iceConnectionState=='connected'\">Stop</m-button>\r\n      <br />\r\n      <video ref=\"video1\" :srcObject.prop=\"stream\" width=\"640\" height=\"480\" autoplay muted></video>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst config = {\r\n  iceServers:[\r\n    // {\r\n    //   urls:[\r\n    //     \"stun:stun.ekiga.net\",\r\n    //     \"stun:stun.ideasip.com\",\r\n    //     \"stun:stun.schlund.de\",\r\n    //     \"stun:stun.stunprotocol.org:3478\",\r\n    //     \"stun:stun.voiparound.com\",\r\n    //     \"stun:stun.voipbuster.com\",\r\n    //     \"stun:stun.voipstunt.com\",\r\n    //     \"stun:stun.voxgratia.org\",\r\n    //     \"stun:stun.services.mozilla.com\",\r\n    //     \"stun:stun.xten.com\",\r\n    //     \"stun:stun.softjoys.com\",\r\n    //     \"stun:stunserver.org\",\r\n    //     \"stun:stun.schlund.de\",\r\n    //     \"stun:stun.rixtelecom.se\",\r\n    //     \"stun:stun.iptel.org\",\r\n    //     \"stun:stun.ideasip.com\",\r\n    //     \"stun:stun.fwdnet.net\",\r\n    //     \"stun:stun.ekiga.net\",\r\n    //     \"stun:stun01.sipphone.com\",\r\n    //   ]\r\n    // }\r\n  ]\r\n}\r\nlet pc = new RTCPeerConnection(config);\r\nvar stream = null\r\nvar streamPath = \"live/rtc\"\r\nexport default {\r\n  data() {\r\n    return {\r\n      localSDP: pc&&pc.localDescription&&pc.localDescription.sdp,\r\n      remoteSDP: pc&&pc.remoteDescription&&pc.remoteDescription.sdp,\r\n      streamPath,\r\n      iceConnectionState:pc&&pc.iceConnectionState,\r\n      stream,\r\n      type:\"\",\r\n      ask:false\r\n    };\r\n  },\r\n  methods: {\r\n    startSession(type) {\r\n      this.type = type\r\n      this.ask = true\r\n      this.ajax({type: 'POST',processData:false,data: JSON.stringify(pc.localDescription),url:\"/webrtc/\"+type+\"?streamPath=\"+this.streamPath,dataType:\"json\"}).then(result => {\r\n        this.ask = false\r\n        if (result.errmsg){\r\n          this.$toast.error(result.errmsg)\r\n        }else{\r\n          streamPath = this.streamPath\r\n          this.remoteSDP = result.sdp;\r\n          this.$parent.titleTabs = [\"摄像头\", \"localSDP\",\"remoteSDP\"];\r\n          pc.setRemoteDescription(new RTCSessionDescription(result));\r\n        }\r\n      });\r\n    },\r\n    stopSession(){\r\n      pc.close()\r\n      pc = new RTCPeerConnection(config)\r\n      this.remoteSDP = \"\"\r\n      this.localSDP = \"\"\r\n      this.connectICE().catch(err=> this.$toast.error(err.message))\r\n    },\r\n    async connectICE(){\r\n      pc.addStream(stream);\r\n      await pc.setLocalDescription(await pc.createOffer())\r\n      pc.oniceconnectionstatechange = e => {\r\n        this.$toast.info(pc.iceConnectionState)\r\n        this.iceConnectionState = pc.iceConnectionState\r\n      };\r\n      pc.onicecandidate = event => {\r\n        if (event.candidate === null) {\r\n          this.localSDP = pc.localDescription.sdp;\r\n          this.$parent.titleTabs = [\"摄像头\", \"localSDP\"];\r\n        }\r\n      };\r\n      pc.ontrack = event=>{\r\n        if(this.type==\"play\" && event.streams[0]){\r\n          this.stream = stream = event.streams[0]\r\n        }\r\n      }\r\n    }\r\n  },\r\n  async mounted() {\r\n    if (this.localSDP){\r\n      let tabs = [\"摄像头\"]\r\n      if(this.localSDP)tabs.push(\"localSDP\")\r\n      if(this.remoteSDP)tabs.push(\"remoteSDP\")\r\n      this.$parent.titleTabs = tabs;\r\n    } else {\r\n      try{\r\n        if(!this.stream)\r\n          this.stream = stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true })\r\n        await this.connectICE()\r\n      }catch(err){\r\n        this.$toast.error(err.message)\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n  @keyframes blink {\r\n    0% {\r\n      opacity: 0.2;\r\n    }\r\n    50% {\r\n      opacity: 1;\r\n    }\r\n    100% {\r\n      opacity: 0.2;\r\n    }\r\n  }\r\n  .blink {\r\n    animation: blink 1s infinite;\r\n  }\r\n\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&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n        injectStyles.call(\n          this,\n          (options.functional ? this.parent : this).$root.$options.shadowRoot\n        )\n      }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=3d66f6b2&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=3d66f6b2&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  \"3d66f6b2\",\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-webrtc.umd.min.js b/ui/dist/plugin-webrtc.umd.min.js
index c7265eb..6b95dfb 100644
--- a/ui/dist/plugin-webrtc.umd.min.js
+++ b/ui/dist/plugin-webrtc.umd.min.js
@@ -1,2 +1,2 @@
-(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["plugin-webrtc"]=e():t["plugin-webrtc"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({"40b7":function(t,e,n){},5776:function(t,e,n){"use strict";var o=n("40b7"),r=n.n(o);r.a},8875:function(t,e,n){var o,r,s;(function(n,i){r=[],o=i,s="function"===typeof o?o.apply(e,r):o,void 0===s||(t.exports=s)})("undefined"!==typeof self&&self,(function(){function t(){if(document.currentScript)return document.currentScript;try{throw new Error}catch(d){var t,e,n,o=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,r=/@([^@]*):(\d+):(\d+)\s*$/gi,s=o.exec(d.stack)||r.exec(d.stack),i=s&&s[1]||!1,c=s&&s[2]||!1,a=document.location.href.replace(document.location.hash,""),u=document.getElementsByTagName("script");i===a&&(t=document.documentElement.outerHTML,e=new RegExp("(?:[^\\n]+?\\n){0,"+(c-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),n=t.replace(e,"$1").trim());for(var l=0;l<u.length;l++){if("interactive"===u[l].readyState)return u[l];if(u[l].src===i)return u[l];if(i===a&&u[l].innerHTML&&u[l].innerHTML.trim()===n)return u[l]}return null}}return t}))},fb15:function(t,e,n){"use strict";if(n.r(e),"undefined"!==typeof window){var o=window.document.currentScript,r=n("8875");o=r(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:r});var s=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);s&&(n.p=s[1])}var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[1==t.$parent.titleTabActive?n("pre",[t._v(t._s(t.localSDP))]):2==t.$parent.titleTabActive?n("pre",[t._v(t._s(t.remoteSDP))]):n("div",[n("mu-text-field",{attrs:{label:"streamPath"},model:{value:t.streamPath,callback:function(e){t.streamPath=e},expression:"streamPath"}}),!t.localSDP||t.ask?n("span",{staticClass:"blink"},[t._v("Connecting")]):"connected"!=t.iceConnectionState?n("m-button",{on:{click:t.startSession}},[t._v("Start")]):"connected"==t.iceConnectionState?n("m-button",{on:{click:t.stopSession}},[t._v("Stop")]):t._e(),n("br"),n("video",{ref:"video1",attrs:{width:"640",height:"480",autoplay:"",muted:""},domProps:{srcObject:t.stream,muted:!0}})],1)])},c=[];const a={iceServers:[{urls:["stun:stun.ekiga.net","stun:stun.ideasip.com","stun:stun.schlund.de","stun:stun.stunprotocol.org:3478","stun:stun.voiparound.com","stun:stun.voipbuster.com","stun:stun.voipstunt.com","stun:stun.voxgratia.org","stun:stun.services.mozilla.com","stun:stun.xten.com","stun:stun.softjoys.com","stun:stunserver.org","stun:stun.schlund.de","stun:stun.rixtelecom.se","stun:stun.iptel.org","stun:stun.ideasip.com","stun:stun.fwdnet.net","stun:stun.ekiga.net","stun:stun01.sipphone.com"]}]};let u=new RTCPeerConnection(a);var l=null,d="live/rtc",p={data(){return{localSDP:u&&u.localDescription&&u.localDescription.sdp,remoteSDP:u&&u.remoteDescription&&u.remoteDescription.sdp,streamPath:d,iceConnectionState:u&&u.iceConnectionState,stream:l,ask:!1}},methods:{startSession(){this.ask=!0,this.ajax({type:"POST",processData:!1,data:JSON.stringify(u.localDescription),url:"/webrtc/answer?streamPath="+this.streamPath,dataType:"json"}).then(t=>{this.ask=!1,t.errmsg?this.$toast.error(t.errmsg):(d=this.streamPath,this.remoteSDP=t.sdp,this.$parent.titleTabs=["摄像头","localSDP","remoteSDP"],u.setRemoteDescription(new RTCSessionDescription(t)))})},stopSession(){u.close(),u=new RTCPeerConnection(a),this.remoteSDP="",this.localSDP="",this.connectICE().catch(t=>this.$toast.error(t.message))},async connectICE(){u.addStream(l),await u.setLocalDescription(await u.createOffer()),u.oniceconnectionstatechange=t=>{this.$toast.info(u.iceConnectionState),this.iceConnectionState=u.iceConnectionState},u.onicecandidate=t=>{null===t.candidate&&(this.localSDP=u.localDescription.sdp,this.$parent.titleTabs=["摄像头","localSDP"])}}},async mounted(){if(this.localSDP){let t=["摄像头"];this.localSDP&&t.push("localSDP"),this.remoteSDP&&t.push("remoteSDP"),this.$parent.titleTabs=t}else try{this.stream||(this.stream=l=await navigator.mediaDevices.getUserMedia({video:!0,audio:!0})),await this.connectICE()}catch(t){this.$toast.error(t.message)}}},f=p;n("5776");function m(t,e,n,o,r,s,i,c){var a,u="function"===typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),o&&(u.functional=!0),s&&(u._scopeId="data-v-"+s),i?(a=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},u._ssrRegister=a):r&&(a=c?function(){r.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:r),a)if(u.functional){u._injectStyles=a;var l=u.render;u.render=function(t,e){return a.call(e),l(t,e)}}else{var d=u.beforeCreate;u.beforeCreate=d?[].concat(d,a):[a]}return{exports:t,options:u}}var h=m(f,i,c,!1,null,"42a5fa69",null),v=h.exports;e["default"]=v}})["default"]}));
+(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["plugin-webrtc"]=e():t["plugin-webrtc"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({8875:function(t,e,n){var r,o,i;(function(n,s){o=[],r=s,i="function"===typeof r?r.apply(e,o):r,void 0===i||(t.exports=i)})("undefined"!==typeof self&&self,(function(){function t(){if(document.currentScript)return document.currentScript;try{throw new Error}catch(d){var t,e,n,r=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,o=/@([^@]*):(\d+):(\d+)\s*$/gi,i=r.exec(d.stack)||o.exec(d.stack),s=i&&i[1]||!1,a=i&&i[2]||!1,c=document.location.href.replace(document.location.hash,""),l=document.getElementsByTagName("script");s===c&&(t=document.documentElement.outerHTML,e=new RegExp("(?:[^\\n]+?\\n){0,"+(a-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),n=t.replace(e,"$1").trim());for(var u=0;u<l.length;u++){if("interactive"===l[u].readyState)return l[u];if(l[u].src===s)return l[u];if(s===c&&l[u].innerHTML&&l[u].innerHTML.trim()===n)return l[u]}return null}}return t}))},"8dc9":function(t,e,n){},c857:function(t,e,n){"use strict";var r=n("8dc9"),o=n.n(r);o.a},fb15:function(t,e,n){"use strict";if(n.r(e),"undefined"!==typeof window){var r=window.document.currentScript,o=n("8875");r=o(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:o});var i=r&&r.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);i&&(n.p=i[1])}var s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[1==t.$parent.titleTabActive?n("pre",[t._v(t._s(t.localSDP))]):2==t.$parent.titleTabActive?n("pre",[t._v(t._s(t.remoteSDP))]):n("div",[n("mu-text-field",{attrs:{label:"streamPath"},model:{value:t.streamPath,callback:function(e){t.streamPath=e},expression:"streamPath"}}),!t.localSDP||t.ask?n("span",{staticClass:"blink"},[t._v("Connecting")]):"connected"!=t.iceConnectionState?[n("m-button",{on:{click:function(e){return t.startSession("publish")}}},[t._v("Publish")]),n("m-button",{on:{click:function(e){return t.startSession("play")}}},[t._v("Play")])]:"connected"==t.iceConnectionState?n("m-button",{on:{click:t.stopSession}},[t._v("Stop")]):t._e(),n("br"),n("video",{ref:"video1",attrs:{width:"640",height:"480",autoplay:"",muted:""},domProps:{srcObject:t.stream,muted:!0}})],2)])},a=[];const c={iceServers:[]};let l=new RTCPeerConnection(c);var u=null,d="live/rtc",p={data(){return{localSDP:l&&l.localDescription&&l.localDescription.sdp,remoteSDP:l&&l.remoteDescription&&l.remoteDescription.sdp,streamPath:d,iceConnectionState:l&&l.iceConnectionState,stream:u,type:"",ask:!1}},methods:{startSession(t){this.type=t,this.ask=!0,this.ajax({type:"POST",processData:!1,data:JSON.stringify(l.localDescription),url:"/webrtc/"+t+"?streamPath="+this.streamPath,dataType:"json"}).then(t=>{this.ask=!1,t.errmsg?this.$toast.error(t.errmsg):(d=this.streamPath,this.remoteSDP=t.sdp,this.$parent.titleTabs=["摄像头","localSDP","remoteSDP"],l.setRemoteDescription(new RTCSessionDescription(t)))})},stopSession(){l.close(),l=new RTCPeerConnection(c),this.remoteSDP="",this.localSDP="",this.connectICE().catch(t=>this.$toast.error(t.message))},async connectICE(){l.addStream(u),await l.setLocalDescription(await l.createOffer()),l.oniceconnectionstatechange=t=>{this.$toast.info(l.iceConnectionState),this.iceConnectionState=l.iceConnectionState},l.onicecandidate=t=>{null===t.candidate&&(this.localSDP=l.localDescription.sdp,this.$parent.titleTabs=["摄像头","localSDP"])},l.ontrack=t=>{"play"==this.type&&t.streams[0]&&(this.stream=u=t.streams[0])}}},async mounted(){if(this.localSDP){let t=["摄像头"];this.localSDP&&t.push("localSDP"),this.remoteSDP&&t.push("remoteSDP"),this.$parent.titleTabs=t}else try{this.stream||(this.stream=u=await navigator.mediaDevices.getUserMedia({video:!0,audio:!0})),await this.connectICE()}catch(t){this.$toast.error(t.message)}}},f=p;n("c857");function m(t,e,n,r,o,i,s,a){var c,l="function"===typeof t?t.options:t;if(e&&(l.render=e,l.staticRenderFns=n,l._compiled=!0),r&&(l.functional=!0),i&&(l._scopeId="data-v-"+i),s?(c=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(s)},l._ssrRegister=c):o&&(c=a?function(){o.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:o),c)if(l.functional){l._injectStyles=c;var u=l.render;l.render=function(t,e){return c.call(e),u(t,e)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,c):[c]}return{exports:t,options:l}}var h=m(f,s,a,!1,null,"3d66f6b2",null),S=h.exports;e["default"]=S}})["default"]}));
 //# sourceMappingURL=plugin-webrtc.umd.min.js.map
\ No newline at end of file
diff --git a/ui/dist/plugin-webrtc.umd.min.js.map b/ui/dist/plugin-webrtc.umd.min.js.map
index fe90abc..c002215 100644
--- a/ui/dist/plugin-webrtc.umd.min.js.map
+++ b/ui/dist/plugin-webrtc.umd.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack://plugin-webrtc/webpack/universalModuleDefinition","webpack://plugin-webrtc/webpack/bootstrap","webpack://plugin-webrtc/./src/App.vue?fd6a","webpack://plugin-webrtc/./node_modules/@soda/get-current-script/index.js","webpack://plugin-webrtc/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-webrtc/./src/App.vue?d425","webpack://plugin-webrtc/src/App.vue","webpack://plugin-webrtc/./src/App.vue?8b47","webpack://plugin-webrtc/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-webrtc/./src/App.vue","webpack://plugin-webrtc/./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","getCurrentScript","document","currentScript","Error","err","pageSource","inlineScriptSourceRegExp","inlineScriptSource","ieStackRegExp","ffStackRegExp","stackDetails","exec","stack","scriptLocation","line","currentLocation","location","href","replace","hash","scripts","getElementsByTagName","documentElement","outerHTML","RegExp","trim","length","readyState","src","innerHTML","window","match","render","_vm","_h","$createElement","_c","_self","$parent","titleTabActive","_v","_s","localSDP","remoteSDP","attrs","model","callback","$$v","streamPath","expression","ask","staticClass","iceConnectionState","on","startSession","stopSession","_e","ref","domProps","stream","staticRenderFns","config","iceServers","urls","pc","RTCPeerConnection","localDescription","sdp","remoteDescription","methods","ajax","type","processData","data","JSON","stringify","url","dataType","then","result","errmsg","$toast","error","titleTabs","setRemoteDescription","RTCSessionDescription","close","connectICE","catch","message","addStream","setLocalDescription","createOffer","oniceconnectionstatechange","e","info","onicecandidate","event","candidate","tabs","push","navigator","mediaDevices","getUserMedia","video","audio","normalizeComponent","scriptExports","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","component"],"mappings":"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","file":"plugin-webrtc.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-webrtc\"] = factory();\n\telse\n\t\troot[\"plugin-webrtc\"] = 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=42a5fa69&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=42a5fa69&scoped=true&lang=css&\"","// addapted from the document.currentScript polyfill by Adam Miller\n// MIT license\n// source: https://github.com/amiller-gh/currentScript-polyfill\n\n// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505\n\n(function (root, factory) {\n  if (typeof define === 'function' && define.amd) {\n    define([], factory);\n  } else if (typeof module === 'object' && module.exports) {\n    module.exports = factory();\n  } else {\n    root.getCurrentScript = factory();\n  }\n}(typeof self !== 'undefined' ? self : this, function () {\n  function getCurrentScript () {\n    if (document.currentScript) {\n      return document.currentScript\n    }\n  \n    // IE 8-10 support script readyState\n    // IE 11+ & Firefox support stack trace\n    try {\n      throw new Error();\n    }\n    catch (err) {\n      // Find the second match for the \"at\" string to get file src url from stack.\n      var ieStackRegExp = /.*at [^(]*\\((.*):(.+):(.+)\\)$/ig,\n        ffStackRegExp = /@([^@]*):(\\d+):(\\d+)\\s*$/ig,\n        stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),\n        scriptLocation = (stackDetails && stackDetails[1]) || false,\n        line = (stackDetails && stackDetails[2]) || false,\n        currentLocation = document.location.href.replace(document.location.hash, ''),\n        pageSource,\n        inlineScriptSourceRegExp,\n        inlineScriptSource,\n        scripts = document.getElementsByTagName('script'); // Live NodeList collection\n  \n      if (scriptLocation === currentLocation) {\n        pageSource = document.documentElement.outerHTML;\n        inlineScriptSourceRegExp = new RegExp('(?:[^\\\\n]+?\\\\n){0,' + (line - 2) + '}[^<]*<script>([\\\\d\\\\D]*?)<\\\\/script>[\\\\d\\\\D]*', 'i');\n        inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();\n      }\n  \n      for (var i = 0; i < scripts.length; i++) {\n        // If ready state is interactive, return the script tag\n        if (scripts[i].readyState === 'interactive') {\n          return scripts[i];\n        }\n  \n        // If src matches, return the script tag\n        if (scripts[i].src === scriptLocation) {\n          return scripts[i];\n        }\n  \n        // If inline source matches, return the script tag\n        if (\n          scriptLocation === currentLocation &&\n          scripts[i].innerHTML &&\n          scripts[i].innerHTML.trim() === inlineScriptSource\n        ) {\n          return scripts[i];\n        }\n      }\n  \n      // If no match, return null\n      return null;\n    }\n  };\n\n  return getCurrentScript\n}));\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var currentScript = window.document.currentScript\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    var getCurrentScript = require('@soda/get-current-script')\n    currentScript = getCurrentScript()\n\n    // for backward compatibility, because previously we directly included the polyfill\n    if (!('currentScript' in document)) {\n      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n    }\n  }\n\n  var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n  if (src) {\n    __webpack_public_path__ = src[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$parent.titleTabActive == 1)?_c('pre',[_vm._v(_vm._s(_vm.localSDP))]):(_vm.$parent.titleTabActive == 2)?_c('pre',[_vm._v(_vm._s(_vm.remoteSDP))]):_c('div',[_c('mu-text-field',{attrs:{\"label\":\"streamPath\"},model:{value:(_vm.streamPath),callback:function ($$v) {_vm.streamPath=$$v},expression:\"streamPath\"}}),(!_vm.localSDP || _vm.ask)?_c('span',{staticClass:\"blink\"},[_vm._v(\"Connecting\")]):(_vm.iceConnectionState!='connected')?_c('m-button',{on:{\"click\":_vm.startSession}},[_vm._v(\"Start\")]):(_vm.iceConnectionState=='connected')?_c('m-button',{on:{\"click\":_vm.stopSession}},[_vm._v(\"Stop\")]):_vm._e(),_c('br'),_c('video',{ref:\"video1\",attrs:{\"width\":\"640\",\"height\":\"480\",\"autoplay\":\"\",\"muted\":\"\"},domProps:{\"srcObject\":_vm.stream,\"muted\":true}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <pre v-if=\"$parent.titleTabActive == 1\">{{localSDP}}</pre>\r\n    <pre v-else-if=\"$parent.titleTabActive == 2\">{{remoteSDP}}</pre>\r\n    <div v-else>\r\n      <mu-text-field v-model=\"streamPath\" label=\"streamPath\"></mu-text-field>\r\n      <span class=\"blink\" v-if=\"!localSDP || ask\">Connecting</span>\r\n      <m-button @click=\"startSession\" v-else-if=\"iceConnectionState!='connected'\">Start</m-button>\r\n      <m-button @click=\"stopSession\" v-else-if=\"iceConnectionState=='connected'\">Stop</m-button>\r\n      <br />\r\n      <video ref=\"video1\" :srcObject.prop=\"stream\" width=\"640\" height=\"480\" autoplay muted></video>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst config = {\r\n  iceServers:[\r\n    {\r\n      urls:[\r\n        \"stun:stun.ekiga.net\",\r\n        \"stun:stun.ideasip.com\",\r\n        \"stun:stun.schlund.de\",\r\n        \"stun:stun.stunprotocol.org:3478\",\r\n        \"stun:stun.voiparound.com\",\r\n        \"stun:stun.voipbuster.com\",\r\n        \"stun:stun.voipstunt.com\",\r\n        \"stun:stun.voxgratia.org\",\r\n        \"stun:stun.services.mozilla.com\",\r\n        \"stun:stun.xten.com\",\r\n        \"stun:stun.softjoys.com\",\r\n        \"stun:stunserver.org\",\r\n        \"stun:stun.schlund.de\",\r\n        \"stun:stun.rixtelecom.se\",\r\n        \"stun:stun.iptel.org\",\r\n        \"stun:stun.ideasip.com\",\r\n        \"stun:stun.fwdnet.net\",\r\n        \"stun:stun.ekiga.net\",\r\n        \"stun:stun01.sipphone.com\",\r\n      ]\r\n    }\r\n  ]\r\n}\r\nlet pc = new RTCPeerConnection(config);\r\nvar stream = null\r\nvar streamPath = \"live/rtc\"\r\nexport default {\r\n  data() {\r\n    return {\r\n      localSDP: pc&&pc.localDescription&&pc.localDescription.sdp,\r\n      remoteSDP: pc&&pc.remoteDescription&&pc.remoteDescription.sdp,\r\n      streamPath,\r\n      iceConnectionState:pc&&pc.iceConnectionState,\r\n      stream,\r\n      ask:false\r\n    };\r\n  },\r\n  methods: {\r\n    startSession() {\r\n      this.ask = true\r\n      this.ajax({type: 'POST',processData:false,data: JSON.stringify(pc.localDescription),url:\"/webrtc/answer?streamPath=\"+this.streamPath,dataType:\"json\"}).then(result => {\r\n        this.ask = false\r\n        if (result.errmsg){\r\n          this.$toast.error(result.errmsg)\r\n        }else{\r\n          streamPath = this.streamPath\r\n          this.remoteSDP = result.sdp;\r\n          this.$parent.titleTabs = [\"摄像头\", \"localSDP\",\"remoteSDP\"];\r\n          pc.setRemoteDescription(new RTCSessionDescription(result));\r\n        }\r\n      });\r\n    },\r\n    stopSession(){\r\n      pc.close()\r\n      pc = new RTCPeerConnection(config)\r\n      this.remoteSDP = \"\"\r\n      this.localSDP = \"\"\r\n      this.connectICE().catch(err=> this.$toast.error(err.message))\r\n    },\r\n    async connectICE(){\r\n      pc.addStream(stream);\r\n      await pc.setLocalDescription(await pc.createOffer())\r\n      pc.oniceconnectionstatechange = e => {\r\n        this.$toast.info(pc.iceConnectionState)\r\n        this.iceConnectionState = pc.iceConnectionState\r\n      };\r\n      pc.onicecandidate = event => {\r\n        if (event.candidate === null) {\r\n          this.localSDP = pc.localDescription.sdp;\r\n          this.$parent.titleTabs = [\"摄像头\", \"localSDP\"];\r\n        }\r\n      };\r\n    }\r\n  },\r\n  async mounted() {\r\n    if (this.localSDP){\r\n      let tabs = [\"摄像头\"]\r\n      if(this.localSDP)tabs.push(\"localSDP\")\r\n      if(this.remoteSDP)tabs.push(\"remoteSDP\")\r\n      this.$parent.titleTabs = tabs;\r\n    } else {\r\n      try{\r\n        if(!this.stream)\r\n          this.stream = stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true })\r\n        await this.connectICE()\r\n      }catch(err){\r\n        this.$toast.error(err.message)\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n  @keyframes blink {\r\n    0% {\r\n      opacity: 0.2;\r\n    }\r\n    50% {\r\n      opacity: 1;\r\n    }\r\n    100% {\r\n      opacity: 0.2;\r\n    }\r\n  }\r\n  .blink {\r\n    animation: blink 1s infinite;\r\n  }\r\n\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&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n        injectStyles.call(\n          this,\n          (options.functional ? this.parent : this).$root.$options.shadowRoot\n        )\n      }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=42a5fa69&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=42a5fa69&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  \"42a5fa69\",\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-webrtc/webpack/universalModuleDefinition","webpack://plugin-webrtc/webpack/bootstrap","webpack://plugin-webrtc/./node_modules/@soda/get-current-script/index.js","webpack://plugin-webrtc/./src/App.vue?df96","webpack://plugin-webrtc/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://plugin-webrtc/./src/App.vue?f5f0","webpack://plugin-webrtc/src/App.vue","webpack://plugin-webrtc/./src/App.vue?8b47","webpack://plugin-webrtc/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://plugin-webrtc/./src/App.vue","webpack://plugin-webrtc/./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","getCurrentScript","document","currentScript","Error","err","pageSource","inlineScriptSourceRegExp","inlineScriptSource","ieStackRegExp","ffStackRegExp","stackDetails","exec","stack","scriptLocation","line","currentLocation","location","href","replace","hash","scripts","getElementsByTagName","documentElement","outerHTML","RegExp","trim","length","readyState","src","innerHTML","window","match","render","_vm","_h","$createElement","_c","_self","$parent","titleTabActive","_v","_s","localSDP","remoteSDP","attrs","model","callback","$$v","streamPath","expression","ask","staticClass","iceConnectionState","on","$event","startSession","stopSession","_e","ref","domProps","stream","staticRenderFns","config","iceServers","pc","RTCPeerConnection","localDescription","sdp","remoteDescription","type","methods","ajax","processData","data","JSON","stringify","url","dataType","then","result","errmsg","$toast","error","titleTabs","setRemoteDescription","RTCSessionDescription","close","connectICE","catch","message","addStream","setLocalDescription","createOffer","oniceconnectionstatechange","e","info","onicecandidate","event","candidate","ontrack","streams","tabs","push","navigator","mediaDevices","getUserMedia","video","audio","normalizeComponent","scriptExports","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","component"],"mappings":"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","file":"plugin-webrtc.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-webrtc\"] = factory();\n\telse\n\t\troot[\"plugin-webrtc\"] = 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","// addapted from the document.currentScript polyfill by Adam Miller\n// MIT license\n// source: https://github.com/amiller-gh/currentScript-polyfill\n\n// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505\n\n(function (root, factory) {\n  if (typeof define === 'function' && define.amd) {\n    define([], factory);\n  } else if (typeof module === 'object' && module.exports) {\n    module.exports = factory();\n  } else {\n    root.getCurrentScript = factory();\n  }\n}(typeof self !== 'undefined' ? self : this, function () {\n  function getCurrentScript () {\n    if (document.currentScript) {\n      return document.currentScript\n    }\n  \n    // IE 8-10 support script readyState\n    // IE 11+ & Firefox support stack trace\n    try {\n      throw new Error();\n    }\n    catch (err) {\n      // Find the second match for the \"at\" string to get file src url from stack.\n      var ieStackRegExp = /.*at [^(]*\\((.*):(.+):(.+)\\)$/ig,\n        ffStackRegExp = /@([^@]*):(\\d+):(\\d+)\\s*$/ig,\n        stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),\n        scriptLocation = (stackDetails && stackDetails[1]) || false,\n        line = (stackDetails && stackDetails[2]) || false,\n        currentLocation = document.location.href.replace(document.location.hash, ''),\n        pageSource,\n        inlineScriptSourceRegExp,\n        inlineScriptSource,\n        scripts = document.getElementsByTagName('script'); // Live NodeList collection\n  \n      if (scriptLocation === currentLocation) {\n        pageSource = document.documentElement.outerHTML;\n        inlineScriptSourceRegExp = new RegExp('(?:[^\\\\n]+?\\\\n){0,' + (line - 2) + '}[^<]*<script>([\\\\d\\\\D]*?)<\\\\/script>[\\\\d\\\\D]*', 'i');\n        inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();\n      }\n  \n      for (var i = 0; i < scripts.length; i++) {\n        // If ready state is interactive, return the script tag\n        if (scripts[i].readyState === 'interactive') {\n          return scripts[i];\n        }\n  \n        // If src matches, return the script tag\n        if (scripts[i].src === scriptLocation) {\n          return scripts[i];\n        }\n  \n        // If inline source matches, return the script tag\n        if (\n          scriptLocation === currentLocation &&\n          scripts[i].innerHTML &&\n          scripts[i].innerHTML.trim() === inlineScriptSource\n        ) {\n          return scripts[i];\n        }\n      }\n  \n      // If no match, return null\n      return null;\n    }\n  };\n\n  return getCurrentScript\n}));\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&id=3d66f6b2&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=3d66f6b2&scoped=true&lang=css&\"","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var currentScript = window.document.currentScript\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    var getCurrentScript = require('@soda/get-current-script')\n    currentScript = getCurrentScript()\n\n    // for backward compatibility, because previously we directly included the polyfill\n    if (!('currentScript' in document)) {\n      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n    }\n  }\n\n  var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n  if (src) {\n    __webpack_public_path__ = src[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$parent.titleTabActive == 1)?_c('pre',[_vm._v(_vm._s(_vm.localSDP))]):(_vm.$parent.titleTabActive == 2)?_c('pre',[_vm._v(_vm._s(_vm.remoteSDP))]):_c('div',[_c('mu-text-field',{attrs:{\"label\":\"streamPath\"},model:{value:(_vm.streamPath),callback:function ($$v) {_vm.streamPath=$$v},expression:\"streamPath\"}}),(!_vm.localSDP || _vm.ask)?_c('span',{staticClass:\"blink\"},[_vm._v(\"Connecting\")]):(_vm.iceConnectionState!='connected')?[_c('m-button',{on:{\"click\":function($event){return _vm.startSession('publish')}}},[_vm._v(\"Publish\")]),_c('m-button',{on:{\"click\":function($event){return _vm.startSession('play')}}},[_vm._v(\"Play\")])]:(_vm.iceConnectionState=='connected')?_c('m-button',{on:{\"click\":_vm.stopSession}},[_vm._v(\"Stop\")]):_vm._e(),_c('br'),_c('video',{ref:\"video1\",attrs:{\"width\":\"640\",\"height\":\"480\",\"autoplay\":\"\",\"muted\":\"\"},domProps:{\"srcObject\":_vm.stream,\"muted\":true}})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <pre v-if=\"$parent.titleTabActive == 1\">{{localSDP}}</pre>\r\n    <pre v-else-if=\"$parent.titleTabActive == 2\">{{remoteSDP}}</pre>\r\n    <div v-else>\r\n      <mu-text-field v-model=\"streamPath\" label=\"streamPath\"></mu-text-field>\r\n      <span class=\"blink\" v-if=\"!localSDP || ask\">Connecting</span>\r\n      <template v-else-if=\"iceConnectionState!='connected'\">\r\n        <m-button @click=\"startSession('publish')\">Publish</m-button>\r\n        <m-button @click=\"startSession('play')\">Play</m-button>\r\n      </template>\r\n      <m-button @click=\"stopSession\" v-else-if=\"iceConnectionState=='connected'\">Stop</m-button>\r\n      <br />\r\n      <video ref=\"video1\" :srcObject.prop=\"stream\" width=\"640\" height=\"480\" autoplay muted></video>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst config = {\r\n  iceServers:[\r\n    // {\r\n    //   urls:[\r\n    //     \"stun:stun.ekiga.net\",\r\n    //     \"stun:stun.ideasip.com\",\r\n    //     \"stun:stun.schlund.de\",\r\n    //     \"stun:stun.stunprotocol.org:3478\",\r\n    //     \"stun:stun.voiparound.com\",\r\n    //     \"stun:stun.voipbuster.com\",\r\n    //     \"stun:stun.voipstunt.com\",\r\n    //     \"stun:stun.voxgratia.org\",\r\n    //     \"stun:stun.services.mozilla.com\",\r\n    //     \"stun:stun.xten.com\",\r\n    //     \"stun:stun.softjoys.com\",\r\n    //     \"stun:stunserver.org\",\r\n    //     \"stun:stun.schlund.de\",\r\n    //     \"stun:stun.rixtelecom.se\",\r\n    //     \"stun:stun.iptel.org\",\r\n    //     \"stun:stun.ideasip.com\",\r\n    //     \"stun:stun.fwdnet.net\",\r\n    //     \"stun:stun.ekiga.net\",\r\n    //     \"stun:stun01.sipphone.com\",\r\n    //   ]\r\n    // }\r\n  ]\r\n}\r\nlet pc = new RTCPeerConnection(config);\r\nvar stream = null\r\nvar streamPath = \"live/rtc\"\r\nexport default {\r\n  data() {\r\n    return {\r\n      localSDP: pc&&pc.localDescription&&pc.localDescription.sdp,\r\n      remoteSDP: pc&&pc.remoteDescription&&pc.remoteDescription.sdp,\r\n      streamPath,\r\n      iceConnectionState:pc&&pc.iceConnectionState,\r\n      stream,\r\n      type:\"\",\r\n      ask:false\r\n    };\r\n  },\r\n  methods: {\r\n    startSession(type) {\r\n      this.type = type\r\n      this.ask = true\r\n      this.ajax({type: 'POST',processData:false,data: JSON.stringify(pc.localDescription),url:\"/webrtc/\"+type+\"?streamPath=\"+this.streamPath,dataType:\"json\"}).then(result => {\r\n        this.ask = false\r\n        if (result.errmsg){\r\n          this.$toast.error(result.errmsg)\r\n        }else{\r\n          streamPath = this.streamPath\r\n          this.remoteSDP = result.sdp;\r\n          this.$parent.titleTabs = [\"摄像头\", \"localSDP\",\"remoteSDP\"];\r\n          pc.setRemoteDescription(new RTCSessionDescription(result));\r\n        }\r\n      });\r\n    },\r\n    stopSession(){\r\n      pc.close()\r\n      pc = new RTCPeerConnection(config)\r\n      this.remoteSDP = \"\"\r\n      this.localSDP = \"\"\r\n      this.connectICE().catch(err=> this.$toast.error(err.message))\r\n    },\r\n    async connectICE(){\r\n      pc.addStream(stream);\r\n      await pc.setLocalDescription(await pc.createOffer())\r\n      pc.oniceconnectionstatechange = e => {\r\n        this.$toast.info(pc.iceConnectionState)\r\n        this.iceConnectionState = pc.iceConnectionState\r\n      };\r\n      pc.onicecandidate = event => {\r\n        if (event.candidate === null) {\r\n          this.localSDP = pc.localDescription.sdp;\r\n          this.$parent.titleTabs = [\"摄像头\", \"localSDP\"];\r\n        }\r\n      };\r\n      pc.ontrack = event=>{\r\n        if(this.type==\"play\" && event.streams[0]){\r\n          this.stream = stream = event.streams[0]\r\n        }\r\n      }\r\n    }\r\n  },\r\n  async mounted() {\r\n    if (this.localSDP){\r\n      let tabs = [\"摄像头\"]\r\n      if(this.localSDP)tabs.push(\"localSDP\")\r\n      if(this.remoteSDP)tabs.push(\"remoteSDP\")\r\n      this.$parent.titleTabs = tabs;\r\n    } else {\r\n      try{\r\n        if(!this.stream)\r\n          this.stream = stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true })\r\n        await this.connectICE()\r\n      }catch(err){\r\n        this.$toast.error(err.message)\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n  @keyframes blink {\r\n    0% {\r\n      opacity: 0.2;\r\n    }\r\n    50% {\r\n      opacity: 1;\r\n    }\r\n    100% {\r\n      opacity: 0.2;\r\n    }\r\n  }\r\n  .blink {\r\n    animation: blink 1s infinite;\r\n  }\r\n\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&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n        injectStyles.call(\n          this,\n          (options.functional ? this.parent : this).$root.$options.shadowRoot\n        )\n      }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=3d66f6b2&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=3d66f6b2&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  \"3d66f6b2\",\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/src/App.vue b/ui/src/App.vue
index 3ae2229..e31f2ab 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -5,7 +5,10 @@
     <div v-else>
       <mu-text-field v-model="streamPath" label="streamPath"></mu-text-field>
       <span class="blink" v-if="!localSDP || ask">Connecting</span>
-      <m-button @click="startSession" v-else-if="iceConnectionState!='connected'">Start</m-button>
+      <template v-else-if="iceConnectionState!='connected'">
+        <m-button @click="startSession('publish')">Publish</m-button>
+        <m-button @click="startSession('play')">Play</m-button>
+      </template>
       <m-button @click="stopSession" v-else-if="iceConnectionState=='connected'">Stop</m-button>
       <br />
       <video ref="video1" :srcObject.prop="stream" width="640" height="480" autoplay muted></video>
@@ -16,29 +19,29 @@
 <script>
 const config = {
   iceServers:[
-    {
-      urls:[
-        "stun:stun.ekiga.net",
-        "stun:stun.ideasip.com",
-        "stun:stun.schlund.de",
-        "stun:stun.stunprotocol.org:3478",
-        "stun:stun.voiparound.com",
-        "stun:stun.voipbuster.com",
-        "stun:stun.voipstunt.com",
-        "stun:stun.voxgratia.org",
-        "stun:stun.services.mozilla.com",
-        "stun:stun.xten.com",
-        "stun:stun.softjoys.com",
-        "stun:stunserver.org",
-        "stun:stun.schlund.de",
-        "stun:stun.rixtelecom.se",
-        "stun:stun.iptel.org",
-        "stun:stun.ideasip.com",
-        "stun:stun.fwdnet.net",
-        "stun:stun.ekiga.net",
-        "stun:stun01.sipphone.com",
-      ]
-    }
+    // {
+    //   urls:[
+    //     "stun:stun.ekiga.net",
+    //     "stun:stun.ideasip.com",
+    //     "stun:stun.schlund.de",
+    //     "stun:stun.stunprotocol.org:3478",
+    //     "stun:stun.voiparound.com",
+    //     "stun:stun.voipbuster.com",
+    //     "stun:stun.voipstunt.com",
+    //     "stun:stun.voxgratia.org",
+    //     "stun:stun.services.mozilla.com",
+    //     "stun:stun.xten.com",
+    //     "stun:stun.softjoys.com",
+    //     "stun:stunserver.org",
+    //     "stun:stun.schlund.de",
+    //     "stun:stun.rixtelecom.se",
+    //     "stun:stun.iptel.org",
+    //     "stun:stun.ideasip.com",
+    //     "stun:stun.fwdnet.net",
+    //     "stun:stun.ekiga.net",
+    //     "stun:stun01.sipphone.com",
+    //   ]
+    // }
   ]
 }
 let pc = new RTCPeerConnection(config);
@@ -52,13 +55,15 @@ export default {
       streamPath,
       iceConnectionState:pc&&pc.iceConnectionState,
       stream,
+      type:"",
       ask:false
     };
   },
   methods: {
-    startSession() {
+    startSession(type) {
+      this.type = type
       this.ask = true
-      this.ajax({type: 'POST',processData:false,data: JSON.stringify(pc.localDescription),url:"/webrtc/answer?streamPath="+this.streamPath,dataType:"json"}).then(result => {
+      this.ajax({type: 'POST',processData:false,data: JSON.stringify(pc.localDescription),url:"/webrtc/"+type+"?streamPath="+this.streamPath,dataType:"json"}).then(result => {
         this.ask = false
         if (result.errmsg){
           this.$toast.error(result.errmsg)
@@ -90,6 +95,11 @@ export default {
           this.$parent.titleTabs = ["摄像头", "localSDP"];
         }
       };
+      pc.ontrack = event=>{
+        if(this.type=="play" && event.streams[0]){
+          this.stream = stream = event.streams[0]
+        }
+      }
     }
   },
   async mounted() {