diff --git a/projects/Infrastructure/Application/PagedList.cs b/projects/Infrastructure/Application/PagedList.cs
index 9968bc80..4f66be67 100644
--- a/projects/Infrastructure/Application/PagedList.cs
+++ b/projects/Infrastructure/Application/PagedList.cs
@@ -77,6 +77,10 @@ namespace Infrastructure.Application
 
         public IEnumerable<ValidationResult> Validate(ValidationContext validationContext)
         {
+            if (PageIndex < 1)
+            {
+                yield return new ValidationResult("当前页索引必须大于等于1");
+            }
             if (PageSize > 1000)
             {
                 yield return new ValidationResult("分页数量超出系统限制");
diff --git a/projects/Infrastructure/Views/Shared/DisplayTemplates/EmailAddress.cshtml b/projects/Infrastructure/Views/Shared/DisplayTemplates/EmailAddress.cshtml
new file mode 100644
index 00000000..692d36d7
--- /dev/null
+++ b/projects/Infrastructure/Views/Shared/DisplayTemplates/EmailAddress.cshtml
@@ -0,0 +1 @@
+@Model
\ No newline at end of file
diff --git a/projects/Infrastructure/Views/Shared/_Paged.cshtml b/projects/Infrastructure/Views/Shared/_Paged.cshtml
index 23e7d03a..b2230d11 100644
--- a/projects/Infrastructure/Views/Shared/_Paged.cshtml
+++ b/projects/Infrastructure/Views/Shared/_Paged.cshtml
@@ -3,18 +3,14 @@
     var links = Model.GetPageIndexs();
     var url = Url.Content("~") + this.Context.Request.Path + this.Context.Request.QueryString;
     var pageIndexParam = "PageIndex";
-    var firstUrl = url.RemoveParam("PageIndex");
-    var prevUrl = Model.PageIndex - 1 == 1 ? firstUrl : url.SetParam(pageIndexParam, Model.PageIndex - 1);
+    var empty = "javascript:;";
+    var firstUrl = url.RemoveParam(pageIndexParam);
+    var prevUrl = Model.PageIndex - 1 >= 1 ? url.SetParam(pageIndexParam, Model.PageIndex - 1) : empty;
+    var lastUrl = Model.TotalCount > 0 ? url.SetParam(pageIndexParam, Model.PageCount()) : empty;
+    var nextUrl = Model.PageIndex + 1 <= Model.PageCount() ? url.SetParam(pageIndexParam, Model.PageIndex + 1) : empty;
     <ul class="pagination pagination-sm m-0 float-right">
         <li class="page-item"><a class="page-link" href="@firstUrl">首页</a></li>
-        @if (Model.HasPrev())
-        {
-            <li class="page-item"><a class="page-link" href="@url.SetParam(pageIndexParam,Model.PageIndex-1)">上一页</a></li>
-        }
-        else
-        {
-            <li class="page-item"><a class="page-link" href="javascript:;">上一页</a></li>
-        }
+        <li class="page-item"><a class="page-link" href="@prevUrl">上一页</a></li>
         @foreach (var item in links)
         {
             if (item == Model.PageIndex)
@@ -26,19 +22,11 @@
                 <li class="page-item"><a class="page-link" href="@url.SetParam(pageIndexParam,item)">@item</a></li>
             }
         }
-        @if (Model.HasNext())
-        {
-            <li class="page-item"><a class="page-link" href="@url.SetParam(pageIndexParam,Model.PageIndex+1)">下一页</a></li>
-        }
-        else
-        {
-            <li class="page-item"><a class="page-link" href="javascript:;">下一页</a></li>
-        }
-        <li class="page-item"><a class="page-link" href="@url.SetParam(pageIndexParam,Model.PageCount())">末页</a></li>
+        <li class="page-item"><a class="page-link" href="@nextUrl">下一页</a></li>
+        <li class="page-item"><a class="page-link" href="@lastUrl">末页</a></li>
         <li class="page-item"><a class="page-link" href="javascript:;">@Model.PageIndex / @Model.PageCount()</a></li>
         <li class="page-item">
             @Html.DropDownListFor(o => Model.PageSize, Model.GetPageSizes().Select(o => new SelectListItem { Text = o.ToString(), Value = o.ToString() }), new { @class = "page-link" })
         </li>
     </ul>
-
 }
\ No newline at end of file
diff --git a/projects/Infrastructure/Web/BaseStartup.cs b/projects/Infrastructure/Web/BaseStartup.cs
index 80a4c74e..48171c82 100644
--- a/projects/Infrastructure/Web/BaseStartup.cs
+++ b/projects/Infrastructure/Web/BaseStartup.cs
@@ -35,7 +35,6 @@ using Microsoft.IdentityModel.Tokens;
 using Microsoft.OpenApi.Models;
 using Newtonsoft.Json;
 using System;
-using System.Buffers;
 using System.Globalization;
 using System.IO;
 using System.Linq;
@@ -264,7 +263,11 @@ namespace Infrastructure.Web
                     {
                         OnTokenValidated = context =>
                         {
-                            if (DateTime.UtcNow > context.SecurityToken.ValidTo)
+                            if (context.SecurityToken == null)
+                            {
+                                context.Fail("token error");
+                            }
+                            else if (DateTime.UtcNow > context.SecurityToken.ValidTo)
                             {
                                 context.Fail("token time out");
                             }
diff --git a/projects/IoTCenter/Views/Home/Device.cshtml b/projects/IoTCenter/Views/Home/Device.cshtml
index 12e74908..00272bff 100644
--- a/projects/IoTCenter/Views/Home/Device.cshtml
+++ b/projects/IoTCenter/Views/Home/Device.cshtml
@@ -1,5 +1,5 @@
 @section bread{
-    <li class="breadcrumb-item"><a href="@Url.Action("Product","Home",new { number=Model})">产品</a></li>
+    <li class="breadcrumb-item"><a href="@Url.Action("Product","Home",new { number=Context.Request.Query["productNumber"]})">产品</a></li>
 }
 <div id="template">
     <template v-if="device">
diff --git a/projects/IoTCenter/wwwroot/lib/jswebrtc/jswebrtc.min.js b/projects/IoTCenter/wwwroot/lib/jswebrtc/jswebrtc.min.js
new file mode 100644
index 00000000..41d6b412
--- /dev/null
+++ b/projects/IoTCenter/wwwroot/lib/jswebrtc/jswebrtc.min.js
@@ -0,0 +1 @@
+var JSWebrtc={Player:null,VideoElement:null,CreateVideoElements:function(){var elements=document.querySelectorAll(".jswebrtc");for(var i=0;i<elements.length;i++){new JSWebrtc.VideoElement(elements[i])}},FillQuery:function(query_string,obj){obj.user_query={};if(query_string.length==0)return;if(query_string.indexOf("?")>=0)query_string=query_string.split("?")[1];var queries=query_string.split("&");for(var i=0;i<queries.length;i++){var query=queries[i].split("=");obj[query[0]]=query[1];obj.user_query[query[0]]=query[1]}if(obj.domain)obj.vhost=obj.domain},ParseUrl:function(rtmp_url){var a=document.createElement("a");a.href=rtmp_url.replace("rtmp://","http://").replace("webrtc://","http://").replace("rtc://","http://");var vhost=a.hostname;var app=a.pathname.substr(1,a.pathname.lastIndexOf("/")-1);var stream=a.pathname.substr(a.pathname.lastIndexOf("/")+1);app=app.replace("...vhost...","?vhost=");if(app.indexOf("?")>=0){var params=app.substr(app.indexOf("?"));app=app.substr(0,app.indexOf("?"));if(params.indexOf("vhost=")>0){vhost=params.substr(params.indexOf("vhost=")+"vhost=".length);if(vhost.indexOf("&")>0){vhost=vhost.substr(0,vhost.indexOf("&"))}}}if(a.hostname==vhost){var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;if(re.test(a.hostname))vhost="__defaultVhost__"}var schema="rtmp";if(rtmp_url.indexOf("://")>0)schema=rtmp_url.substr(0,rtmp_url.indexOf("://"));var port=a.port;if(!port){if(schema==="http"){port=80}else if(schema==="https"){port=443}else if(schema==="rtmp"){port=1935}else if(schema==="webrtc"||schema==="rtc"){port=1985}}var ret={url:rtmp_url,schema:schema,server:a.hostname,port:port,vhost:vhost,app:app,stream:stream};JSWebrtc.FillQuery(a.search,ret);return ret},HttpPost:function(url,data){return new Promise(function(resolve,reject){var xhr=new XMLHttpRequest;xhr.onreadystatechange=function(){if(xhr.readyState===4&&(xhr.status>=200&&xhr.status<300)){var respone=JSON.parse(xhr.responseText);xhr.onreadystatechange=new Function;xhr=null;resolve(respone)}};xhr.open("POST",url,true);xhr.timeout=5e3;xhr.responseType="text";xhr.setRequestHeader("Content-Type","application/json");xhr.send(data)})}};if(document.readyState==="complete"){JSWebrtc.CreateVideoElements()}else{document.addEventListener("DOMContentLoaded",JSWebrtc.CreateVideoElements)}JSWebrtc.VideoElement=function(){"use strict";var VideoElement=function(element){var url=element.dataset.url;if(!url){throw"VideoElement has no `data-url` attribute"}var addStyles=function(element,styles){for(var name in styles){element.style[name]=styles[name]}};this.container=element;addStyles(this.container,{display:"inline-block",position:"relative",minWidth:"80px",minHeight:"80px"});this.video=document.createElement("video");this.video.width=960;this.video.height=540;addStyles(this.video,{display:"block",width:"100%"});this.container.appendChild(this.video);this.playButton=document.createElement("div");this.playButton.innerHTML=VideoElement.PLAY_BUTTON;addStyles(this.playButton,{zIndex:2,position:"absolute",top:"0",bottom:"0",left:"0",right:"0",maxWidth:"75px",maxHeight:"75px",margin:"auto",opacity:"0.7",cursor:"pointer"});this.container.appendChild(this.playButton);var options={video:this.video};for(var option in element.dataset){try{options[option]=JSON.parse(element.dataset[option])}catch(err){options[option]=element.dataset[option]}}this.player=new JSWebrtc.Player(url,options);element.playerInstance=this.player;if(options.poster&&!options.autoplay){options.decodeFirstFrame=false;this.poster=new Image;this.poster.src=options.poster;this.poster.addEventListener("load",this.posterLoaded);addStyles(this.poster,{display:"block",zIndex:1,position:"absolute",top:0,left:0,bottom:0,right:0});this.container.appendChild(this.poster)}if(!this.player.options.streaming){this.container.addEventListener("click",this.onClick.bind(this))}if(options.autoplay){this.playButton.style.display="none"}if(this.player.audioOut&&!this.player.audioOut.unlocked){var unlockAudioElement=this.container;if(options.autoplay){this.unmuteButton=document.createElement("div");this.unmuteButton.innerHTML=VideoElement.UNMUTE_BUTTON;addStyles(this.unmuteButton,{zIndex:2,position:"absolute",bottom:"10px",right:"20px",width:"75px",height:"75px",margin:"auto",opacity:"0.7",cursor:"pointer"});this.container.appendChild(this.unmuteButton);unlockAudioElement=this.unmuteButton}this.unlockAudioBound=this.onUnlockAudio.bind(this,unlockAudioElement);unlockAudioElement.addEventListener("touchstart",this.unlockAudioBound,false);unlockAudioElement.addEventListener("click",this.unlockAudioBound,true)}};VideoElement.prototype.onUnlockAudio=function(element,ev){if(this.unmuteButton){ev.preventDefault();ev.stopPropagation()}this.player.audioOut.unlock(function(){if(this.unmuteButton){this.unmuteButton.style.display="none"}element.removeEventListener("touchstart",this.unlockAudioBound);element.removeEventListener("click",this.unlockAudioBound)}.bind(this))};VideoElement.prototype.onClick=function(ev){if(this.player.isPlaying){this.player.pause();this.playButton.style.display="block"}else{this.player.play();this.playButton.style.display="none";if(this.poster){this.poster.style.display="none"}}};VideoElement.PLAY_BUTTON='<svg style="max-width: 75px; max-height: 75px;" '+'viewBox="0 0 200 200" alt="Play video">'+'<circle cx="100" cy="100" r="90" fill="none" '+'stroke-width="15" stroke="#fff"/>'+'<polygon points="70, 55 70, 145 145, 100" fill="#fff"/>'+"</svg>";VideoElement.UNMUTE_BUTTON='<svg style="max-width: 75px; max-height: 75px;" viewBox="0 0 75 75">'+'<polygon class="audio-speaker" stroke="none" fill="#fff" '+'points="39,13 22,28 6,28 6,47 21,47 39,62 39,13"/>'+'<g stroke="#fff" stroke-width="5">'+'<path d="M 49,50 69,26"/>'+'<path d="M 69,50 49,26"/>'+"</g>"+"</svg>";return VideoElement}();JSWebrtc.Player=function(){"use strict";var Player=function(url,options){this.options=options||{};if(!url.match(/^webrtc?:\/\//)){throw"JSWebrtc just work with webrtc"}if(!this.options.video){throw"VideoElement is null"}this.urlParams=JSWebrtc.ParseUrl(url);this.pc=null;this.autoplay=!!options.autoplay||false;this.paused=true;if(this.autoplay)this.options.video.muted=true;this.startLoading()};Player.prototype.startLoading=function(){var _self=this;if(_self.pc){_self.pc.close()}_self.pc=new RTCPeerConnection(null);_self.pc.ontrack=function(event){_self.options.video["srcObject"]=event.streams[0]};_self.pc.addTransceiver("audio",{direction:"recvonly"});_self.pc.addTransceiver("video",{direction:"recvonly"});_self.pc.createOffer().then(function(offer){return _self.pc.setLocalDescription(offer).then(function(){return offer})}).then(function(offer){return new Promise(function(resolve,reject){var port=_self.urlParams.port||1985;var api=_self.urlParams.user_query.play||"/rtc/v1/play/";if(api.lastIndexOf("/")!=api.length-1){api+="/"}var url="http://"+_self.urlParams.server+":"+port+api;for(var key in _self.urlParams.user_query){if(key!="api"&&key!="play"){url+="&"+key+"="+_self.urlParams.user_query[key]}}var data={api:url,streamurl:_self.urlParams.url,clientip:null,sdp:offer.sdp};console.log("offer: "+JSON.stringify(data));JSWebrtc.HttpPost(url,JSON.stringify(data)).then(function(res){console.log("answer: "+JSON.stringify(res));resolve(res.sdp)},function(rej){reject(rej)})})}).then(function(answer){return _self.pc.setRemoteDescription(new RTCSessionDescription({type:"answer",sdp:answer}))}).catch(function(reason){throw reason});if(this.autoplay){this.play()}};Player.prototype.play=function(ev){if(this.animationId){return}this.animationId=requestAnimationFrame(this.update.bind(this));this.paused=false};Player.prototype.pause=function(ev){if(this.paused){return}cancelAnimationFrame(this.animationId);this.animationId=null;this.isPlaying=false;this.paused=true;this.options.video.pause();if(this.options.onPause){this.options.onPause(this)}};Player.prototype.stop=function(ev){this.pause()};Player.prototype.destroy=function(){this.pause();this.pc&&this.pc.close()&&this.pc.destroy();this.audioOut&&this.audioOut.destroy()};Player.prototype.update=function(){this.animationId=requestAnimationFrame(this.update.bind(this));if(this.options.video.readyState<4){return}if(!this.isPlaying){this.isPlaying=true;this.options.video.play();if(this.options.onPlay){this.options.onPlay(this)}}};return Player}();
\ No newline at end of file
diff --git a/projects/IoTCenter/wwwroot/lib/jswebrtc/player-via-html.html b/projects/IoTCenter/wwwroot/lib/jswebrtc/player-via-html.html
new file mode 100644
index 00000000..e8bb81c3
--- /dev/null
+++ b/projects/IoTCenter/wwwroot/lib/jswebrtc/player-via-html.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>WebRTCPlayer</title>
+	<style type="text/css">
+		html, body {
+			background-color: #111;
+			text-align: center;
+		}
+	</style>
+</head>
+<body>
+    <div class="jswebrtc" data-url="webrtc://localhost/live/b57e867ae29d11b483864cbd8fd0f747"></div>
+	<script type="text/javascript" src="jswebrtc.min.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/projects/UserCenter/Areas/Admin/Controllers/UserController.cs b/projects/UserCenter/Areas/Admin/Controllers/UserController.cs
index 20e65796..bb347ce1 100644
--- a/projects/UserCenter/Areas/Admin/Controllers/UserController.cs
+++ b/projects/UserCenter/Areas/Admin/Controllers/UserController.cs
@@ -28,7 +28,11 @@ namespace UserCenter.Areas.Admin.Controllers
 
         public override IQueryable<User> Query(SearchUserModel model, IQueryable<User> query)
         {
-            return query.WhereIf(!model.IsDeleted, o => o.IsDeleted == null);
+            if (model.IsDeleted)
+            {
+                return query.Where(o => o.IsDeleted != null);
+            }
+            return query.Where(o => o.IsDeleted == null);
         }
 
         public override IQueryable<User> Include(IQueryable<User> query)
diff --git a/projects/lib/local/jswebrtc/dist/jswebrtc.min.js b/projects/lib/local/jswebrtc/dist/jswebrtc.min.js
new file mode 100644
index 00000000..41d6b412
--- /dev/null
+++ b/projects/lib/local/jswebrtc/dist/jswebrtc.min.js
@@ -0,0 +1 @@
+var JSWebrtc={Player:null,VideoElement:null,CreateVideoElements:function(){var elements=document.querySelectorAll(".jswebrtc");for(var i=0;i<elements.length;i++){new JSWebrtc.VideoElement(elements[i])}},FillQuery:function(query_string,obj){obj.user_query={};if(query_string.length==0)return;if(query_string.indexOf("?")>=0)query_string=query_string.split("?")[1];var queries=query_string.split("&");for(var i=0;i<queries.length;i++){var query=queries[i].split("=");obj[query[0]]=query[1];obj.user_query[query[0]]=query[1]}if(obj.domain)obj.vhost=obj.domain},ParseUrl:function(rtmp_url){var a=document.createElement("a");a.href=rtmp_url.replace("rtmp://","http://").replace("webrtc://","http://").replace("rtc://","http://");var vhost=a.hostname;var app=a.pathname.substr(1,a.pathname.lastIndexOf("/")-1);var stream=a.pathname.substr(a.pathname.lastIndexOf("/")+1);app=app.replace("...vhost...","?vhost=");if(app.indexOf("?")>=0){var params=app.substr(app.indexOf("?"));app=app.substr(0,app.indexOf("?"));if(params.indexOf("vhost=")>0){vhost=params.substr(params.indexOf("vhost=")+"vhost=".length);if(vhost.indexOf("&")>0){vhost=vhost.substr(0,vhost.indexOf("&"))}}}if(a.hostname==vhost){var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;if(re.test(a.hostname))vhost="__defaultVhost__"}var schema="rtmp";if(rtmp_url.indexOf("://")>0)schema=rtmp_url.substr(0,rtmp_url.indexOf("://"));var port=a.port;if(!port){if(schema==="http"){port=80}else if(schema==="https"){port=443}else if(schema==="rtmp"){port=1935}else if(schema==="webrtc"||schema==="rtc"){port=1985}}var ret={url:rtmp_url,schema:schema,server:a.hostname,port:port,vhost:vhost,app:app,stream:stream};JSWebrtc.FillQuery(a.search,ret);return ret},HttpPost:function(url,data){return new Promise(function(resolve,reject){var xhr=new XMLHttpRequest;xhr.onreadystatechange=function(){if(xhr.readyState===4&&(xhr.status>=200&&xhr.status<300)){var respone=JSON.parse(xhr.responseText);xhr.onreadystatechange=new Function;xhr=null;resolve(respone)}};xhr.open("POST",url,true);xhr.timeout=5e3;xhr.responseType="text";xhr.setRequestHeader("Content-Type","application/json");xhr.send(data)})}};if(document.readyState==="complete"){JSWebrtc.CreateVideoElements()}else{document.addEventListener("DOMContentLoaded",JSWebrtc.CreateVideoElements)}JSWebrtc.VideoElement=function(){"use strict";var VideoElement=function(element){var url=element.dataset.url;if(!url){throw"VideoElement has no `data-url` attribute"}var addStyles=function(element,styles){for(var name in styles){element.style[name]=styles[name]}};this.container=element;addStyles(this.container,{display:"inline-block",position:"relative",minWidth:"80px",minHeight:"80px"});this.video=document.createElement("video");this.video.width=960;this.video.height=540;addStyles(this.video,{display:"block",width:"100%"});this.container.appendChild(this.video);this.playButton=document.createElement("div");this.playButton.innerHTML=VideoElement.PLAY_BUTTON;addStyles(this.playButton,{zIndex:2,position:"absolute",top:"0",bottom:"0",left:"0",right:"0",maxWidth:"75px",maxHeight:"75px",margin:"auto",opacity:"0.7",cursor:"pointer"});this.container.appendChild(this.playButton);var options={video:this.video};for(var option in element.dataset){try{options[option]=JSON.parse(element.dataset[option])}catch(err){options[option]=element.dataset[option]}}this.player=new JSWebrtc.Player(url,options);element.playerInstance=this.player;if(options.poster&&!options.autoplay){options.decodeFirstFrame=false;this.poster=new Image;this.poster.src=options.poster;this.poster.addEventListener("load",this.posterLoaded);addStyles(this.poster,{display:"block",zIndex:1,position:"absolute",top:0,left:0,bottom:0,right:0});this.container.appendChild(this.poster)}if(!this.player.options.streaming){this.container.addEventListener("click",this.onClick.bind(this))}if(options.autoplay){this.playButton.style.display="none"}if(this.player.audioOut&&!this.player.audioOut.unlocked){var unlockAudioElement=this.container;if(options.autoplay){this.unmuteButton=document.createElement("div");this.unmuteButton.innerHTML=VideoElement.UNMUTE_BUTTON;addStyles(this.unmuteButton,{zIndex:2,position:"absolute",bottom:"10px",right:"20px",width:"75px",height:"75px",margin:"auto",opacity:"0.7",cursor:"pointer"});this.container.appendChild(this.unmuteButton);unlockAudioElement=this.unmuteButton}this.unlockAudioBound=this.onUnlockAudio.bind(this,unlockAudioElement);unlockAudioElement.addEventListener("touchstart",this.unlockAudioBound,false);unlockAudioElement.addEventListener("click",this.unlockAudioBound,true)}};VideoElement.prototype.onUnlockAudio=function(element,ev){if(this.unmuteButton){ev.preventDefault();ev.stopPropagation()}this.player.audioOut.unlock(function(){if(this.unmuteButton){this.unmuteButton.style.display="none"}element.removeEventListener("touchstart",this.unlockAudioBound);element.removeEventListener("click",this.unlockAudioBound)}.bind(this))};VideoElement.prototype.onClick=function(ev){if(this.player.isPlaying){this.player.pause();this.playButton.style.display="block"}else{this.player.play();this.playButton.style.display="none";if(this.poster){this.poster.style.display="none"}}};VideoElement.PLAY_BUTTON='<svg style="max-width: 75px; max-height: 75px;" '+'viewBox="0 0 200 200" alt="Play video">'+'<circle cx="100" cy="100" r="90" fill="none" '+'stroke-width="15" stroke="#fff"/>'+'<polygon points="70, 55 70, 145 145, 100" fill="#fff"/>'+"</svg>";VideoElement.UNMUTE_BUTTON='<svg style="max-width: 75px; max-height: 75px;" viewBox="0 0 75 75">'+'<polygon class="audio-speaker" stroke="none" fill="#fff" '+'points="39,13 22,28 6,28 6,47 21,47 39,62 39,13"/>'+'<g stroke="#fff" stroke-width="5">'+'<path d="M 49,50 69,26"/>'+'<path d="M 69,50 49,26"/>'+"</g>"+"</svg>";return VideoElement}();JSWebrtc.Player=function(){"use strict";var Player=function(url,options){this.options=options||{};if(!url.match(/^webrtc?:\/\//)){throw"JSWebrtc just work with webrtc"}if(!this.options.video){throw"VideoElement is null"}this.urlParams=JSWebrtc.ParseUrl(url);this.pc=null;this.autoplay=!!options.autoplay||false;this.paused=true;if(this.autoplay)this.options.video.muted=true;this.startLoading()};Player.prototype.startLoading=function(){var _self=this;if(_self.pc){_self.pc.close()}_self.pc=new RTCPeerConnection(null);_self.pc.ontrack=function(event){_self.options.video["srcObject"]=event.streams[0]};_self.pc.addTransceiver("audio",{direction:"recvonly"});_self.pc.addTransceiver("video",{direction:"recvonly"});_self.pc.createOffer().then(function(offer){return _self.pc.setLocalDescription(offer).then(function(){return offer})}).then(function(offer){return new Promise(function(resolve,reject){var port=_self.urlParams.port||1985;var api=_self.urlParams.user_query.play||"/rtc/v1/play/";if(api.lastIndexOf("/")!=api.length-1){api+="/"}var url="http://"+_self.urlParams.server+":"+port+api;for(var key in _self.urlParams.user_query){if(key!="api"&&key!="play"){url+="&"+key+"="+_self.urlParams.user_query[key]}}var data={api:url,streamurl:_self.urlParams.url,clientip:null,sdp:offer.sdp};console.log("offer: "+JSON.stringify(data));JSWebrtc.HttpPost(url,JSON.stringify(data)).then(function(res){console.log("answer: "+JSON.stringify(res));resolve(res.sdp)},function(rej){reject(rej)})})}).then(function(answer){return _self.pc.setRemoteDescription(new RTCSessionDescription({type:"answer",sdp:answer}))}).catch(function(reason){throw reason});if(this.autoplay){this.play()}};Player.prototype.play=function(ev){if(this.animationId){return}this.animationId=requestAnimationFrame(this.update.bind(this));this.paused=false};Player.prototype.pause=function(ev){if(this.paused){return}cancelAnimationFrame(this.animationId);this.animationId=null;this.isPlaying=false;this.paused=true;this.options.video.pause();if(this.options.onPause){this.options.onPause(this)}};Player.prototype.stop=function(ev){this.pause()};Player.prototype.destroy=function(){this.pause();this.pc&&this.pc.close()&&this.pc.destroy();this.audioOut&&this.audioOut.destroy()};Player.prototype.update=function(){this.animationId=requestAnimationFrame(this.update.bind(this));if(this.options.video.readyState<4){return}if(!this.isPlaying){this.isPlaying=true;this.options.video.play();if(this.options.onPlay){this.options.onPlay(this)}}};return Player}();
\ No newline at end of file
diff --git a/projects/lib/local/jswebrtc/examples/player-via-html.html b/projects/lib/local/jswebrtc/examples/player-via-html.html
new file mode 100644
index 00000000..e8bb81c3
--- /dev/null
+++ b/projects/lib/local/jswebrtc/examples/player-via-html.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>WebRTCPlayer</title>
+	<style type="text/css">
+		html, body {
+			background-color: #111;
+			text-align: center;
+		}
+	</style>
+</head>
+<body>
+    <div class="jswebrtc" data-url="webrtc://localhost/live/b57e867ae29d11b483864cbd8fd0f747"></div>
+	<script type="text/javascript" src="jswebrtc.min.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/projects/lib/local/jswebrtc/examples/player-via-js.html b/projects/lib/local/jswebrtc/examples/player-via-js.html
new file mode 100644
index 00000000..89758c6b
--- /dev/null
+++ b/projects/lib/local/jswebrtc/examples/player-via-js.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>WebRTCPlayer</title>
+</head>
+<body>
+    <video id="video-webrtc" controls></video>
+	<script type="text/javascript" src="../dist/jswebrtc.min.js"></script>
+	<script type="text/javascript">
+		var video = document.getElementById('video-webrtc');
+		var url = 'webrtc://osiii.com/live/livestream';
+		var player = new JSWebrtc.Player(url, { video: video, autoplay: true, onPlay: (obj) => { console.log("start play") } });
+	</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/publish/src/linux-x64/publish/docker-compose.override.yml b/publish/src/linux-x64/publish/docker-compose.override.yml
index bfa0d922..f394d96f 100644
--- a/publish/src/linux-x64/publish/docker-compose.override.yml
+++ b/publish/src/linux-x64/publish/docker-compose.override.yml
@@ -13,6 +13,9 @@ services:
     webmvc:
         image: nginx:1.18
         restart: always
+        networks: 
+            default: 
+                ipv4_address: 10.0.1.80
         environment: 
             TZ: "Asia/Shanghai" 
         volumes: 
@@ -21,6 +24,9 @@ services:
     webspa:
         image: nginx:1.18
         restart: always
+        networks: 
+            default: 
+                ipv4_address: 10.0.1.90
         environment: 
             TZ: "Asia/Shanghai" 
         volumes: 
diff --git a/publish/src/linux-x64/publish/docker-compose.prod.yml b/publish/src/linux-x64/publish/docker-compose.prod.yml
index d4c7bf3a..134ed764 100644
--- a/publish/src/linux-x64/publish/docker-compose.prod.yml
+++ b/publish/src/linux-x64/publish/docker-compose.prod.yml
@@ -4,6 +4,9 @@ services:
     usercenter: 
         image: mcr.microsoft.com/dotnet/core/runtime-deps:3.1-focal
         restart: always
+        networks: 
+            default: 
+                ipv4_address: 10.0.1.110
         environment: 
             - TZ=Asia/Shanghai
             - ASPNETCORE_ENVIRONMENT=Docker
@@ -15,6 +18,9 @@ services:
     iotcenter: 
         image: mcr.microsoft.com/dotnet/core/runtime-deps:3.1-focal
         restart: always
+        networks: 
+            default: 
+                ipv4_address: 10.0.1.120
         environment: 
             - TZ=Asia/Shanghai
             - ASPNETCORE_ENVIRONMENT=Docker
diff --git a/publish/src/linux-x64/publish/docker-compose.yml b/publish/src/linux-x64/publish/docker-compose.yml
index d2152c2b..c7c03e30 100644
--- a/publish/src/linux-x64/publish/docker-compose.yml
+++ b/publish/src/linux-x64/publish/docker-compose.yml
@@ -1,8 +1,17 @@
 version: "3.8"
+networks: 
+    default:
+        driver: overlay
+        ipam: 
+            config: 
+             - subnet: 10.0.1.0/24
 services: 
-    #https://portainer.readthedocs.io/en/latest/deployment.html
     portainer:
         image: portainer/portainer:1.23.2
+        restart: always
+        networks: 
+            default: 
+                ipv4_address: 10.0.1.20
         ports: 
             - 9000:9000
         volumes: 
@@ -11,18 +20,28 @@ services:
     mysql:
         image: mysql:8.0
         restart: always
+        networks: 
+            default: 
+                ipv4_address: 10.0.1.30
         environment: 
             - MYSQL_ROOT_PASSWORD=root
             - MYSQL_DATABASE=jobserver
         command: --default-authentication-plugin=mysql_native_password
         volumes: 
             - ./mysql:/var/lib/mysql
+            
     redis:
         image: redis:6.0
         restart: always
+        networks: 
+            default: 
+                ipv4_address: 10.0.1.40
     influxdb: 
         image: influxdb:1.8
         restart: always
+        networks: 
+            default: 
+                ipv4_address: 10.0.1.50
         hostname: influxdb
         environment: 
             TZ: "Asia/Shanghai"
@@ -33,6 +52,9 @@ services:
             - ./influxdb:/var/lib/influxdb
     srs:
         image: ossrs/srs:v4.0.23
+        networks: 
+            default: 
+                ipv4_address: 10.0.1.60
         environment: 
             TZ: "Asia/Shanghai"
         restart: always
@@ -46,6 +68,9 @@ services:
     nginx: 
         image: nginx:1.18
         restart: always
+        networks: 
+            default: 
+                ipv4_address: 10.0.1.70
         environment: 
             TZ: "Asia/Shanghai"
         ports: 
diff --git a/publish/src/linux-x64/publish/nginx/nginx.development.conf b/publish/src/linux-x64/publish/nginx/nginx.development.conf
index c5e1789c..ecf505bf 100644
--- a/publish/src/linux-x64/publish/nginx/nginx.development.conf
+++ b/publish/src/linux-x64/publish/nginx/nginx.development.conf
@@ -45,11 +45,11 @@ http {
         }
 
         location ^~ /live/ {
-            proxy_pass http://host.docker.internal:8080/live/;
+            proxy_pass http://srs:8080/live/;
         }
 
         location ^~ /video/ {
-            proxy_pass http://host.docker.internal:8080/video/;
+            proxy_pass http://srs:8080/video/;
         }
 
         location ^~ /UserCenter/ {