forked from platypush/platypush
2 lines
9.3 KiB
JavaScript
2 lines
9.3 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-1b5b0970"],{"1ed9":function(t,e,a){"use strict";a.r(e);var n=a("7a23"),r={class:"camera"},i={class:"camera-container"},s={class:"frame-container",ref:"frameContainer"},c={key:0,class:"no-frame"},l={class:"controls"},o={class:"left"},u=Object(n["h"])("i",{class:"fa fa-play"},null,-1),h=Object(n["h"])("i",{class:"fa fa-stop"},null,-1),p=Object(n["h"])("i",{class:"fas fa-camera"},null,-1),d={class:"right"},f=Object(n["h"])("i",{class:"fas fa-cog"},null,-1),b={key:0,class:"url"},m={class:"row"},g=Object(n["h"])("span",{class:"name"},"Stream URL",-1),j={class:"params"},O={class:"row"},y=Object(n["h"])("span",{class:"name"},"Device",-1),v={class:"row"},C=Object(n["h"])("span",{class:"name"},"Width",-1),_={class:"row"},w=Object(n["h"])("span",{class:"name"},"Height",-1),S={class:"row"},x=Object(n["h"])("span",{class:"name"},"Horizontal Flip",-1),z={class:"row"},F=Object(n["h"])("span",{class:"name"},"Vertical Flip",-1),U={class:"row"},k=Object(n["h"])("span",{class:"name"},"Rotate",-1),I={class:"row"},M=Object(n["h"])("span",{class:"name"},"Scale-X",-1),V={class:"row"},$=Object(n["h"])("span",{class:"name"},"Scale-Y",-1),P={class:"row"},L=Object(n["h"])("span",{class:"name"},"Frames per second",-1),D={class:"row"},E=Object(n["h"])("span",{class:"name"},"Grayscale",-1);function R(t,e,a,R,G,H){var T,q=Object(n["z"])("Slot"),J=Object(n["z"])("Modal");return Object(n["r"])(),Object(n["e"])("div",r,[Object(n["h"])("div",i,[Object(n["h"])("div",s,[t.streaming||t.capturing||t.captured?Object(n["f"])("",!0):(Object(n["r"])(),Object(n["e"])("div",c,"The camera is not active")),Object(n["h"])("img",{class:"frame",src:t.url,ref:"frame",alt:""},null,8,["src"])],512),Object(n["h"])("div",l,[Object(n["h"])("div",o,[t.streaming?(Object(n["r"])(),Object(n["e"])("button",{key:1,type:"button",onClick:e[2]||(e[2]=function(){return t.stopStreaming.apply(t,arguments)}),disabled:t.capturing,title:"Stop video"},[h],8,["disabled"])):(Object(n["r"])(),Object(n["e"])("button",{key:0,type:"button",onClick:e[1]||(e[1]=function(){return H.startStreaming.apply(H,arguments)}),disabled:t.capturing,title:"Start video"},[u],8,["disabled"])),Object(n["h"])("button",{type:"button",onClick:e[3]||(e[3]=function(){return H.capture.apply(H,arguments)}),disabled:t.streaming||t.capturing,title:"Take a picture"},[p],8,["disabled"])]),Object(n["h"])("div",d,[Object(n["h"])("button",{type:"button",onClick:e[4]||(e[4]=function(e){return t.$refs.paramsModal.show()}),title:"Settings"},[f])])])]),(null===(T=t.url)||void 0===T?void 0:T.length)?(Object(n["r"])(),Object(n["e"])("div",b,[Object(n["h"])("label",m,[g,Object(n["h"])("input",{name:"url",type:"text",value:H.fullURL,disabled:"disabled"},null,8,["value"])])])):Object(n["f"])("",!0),Object(n["h"])(J,{ref:"paramsModal",title:"Camera Parameters"},{default:Object(n["H"])((function(){return[Object(n["h"])("div",j,[Object(n["h"])("label",O,[y,Object(n["I"])(Object(n["h"])("input",{name:"device",type:"text","onUpdate:modelValue":e[5]||(e[5]=function(e){return t.attrs.device=e}),onChange:e[6]||(e[6]=function(){return t.onDeviceChanged.apply(t,arguments)})},null,544),[[n["F"],t.attrs.device]])]),Object(n["h"])("label",v,[C,Object(n["I"])(Object(n["h"])("input",{name:"width",type:"text","onUpdate:modelValue":e[7]||(e[7]=function(e){return t.attrs.resolution[0]=e}),onChange:e[8]||(e[8]=function(){return t.onSizeChanged.apply(t,arguments)})},null,544),[[n["F"],t.attrs.resolution[0]]])]),Object(n["h"])("label",_,[w,Object(n["I"])(Object(n["h"])("input",{name:"height",type:"text","onUpdate:modelValue":e[9]||(e[9]=function(e){return t.attrs.resolution[1]=e}),onChange:e[10]||(e[10]=function(){return t.onSizeChanged.apply(t,arguments)})},null,544),[[n["F"],t.attrs.resolution[1]]])]),Object(n["h"])("label",S,[x,Object(n["I"])(Object(n["h"])("input",{name:"horizontal_flip",type:"checkbox","onUpdate:modelValue":e[11]||(e[11]=function(e){return t.attrs.horizontal_flip=e}),onChange:e[12]||(e[12]=function(){return t.onFlipChanged.apply(t,arguments)})},null,544),[[n["E"],t.attrs.horizontal_flip]])]),Object(n["h"])("label",z,[F,Object(n["I"])(Object(n["h"])("input",{name:"vertical_flip",type:"checkbox","onUpdate:modelValue":e[13]||(e[13]=function(e){return t.attrs.vertical_flip=e}),onChange:e[14]||(e[14]=function(){return t.onFlipChanged.apply(t,arguments)})},null,544),[[n["E"],t.attrs.vertical_flip]])]),Object(n["h"])("label",U,[k,Object(n["I"])(Object(n["h"])("input",{name:"rotate",type:"text","onUpdate:modelValue":e[15]||(e[15]=function(e){return t.attrs.rotate=e}),onChange:e[16]||(e[16]=function(){return t.onSizeChanged.apply(t,arguments)})},null,544),[[n["F"],t.attrs.rotate]])]),Object(n["h"])("label",I,[M,Object(n["I"])(Object(n["h"])("input",{name:"scale_x",type:"text","onUpdate:modelValue":e[17]||(e[17]=function(e){return t.attrs.scale_x=e}),onChange:e[18]||(e[18]=function(){return t.onSizeChanged.apply(t,arguments)})},null,544),[[n["F"],t.attrs.scale_x]])]),Object(n["h"])("label",V,[$,Object(n["I"])(Object(n["h"])("input",{name:"scale_y",type:"text","onUpdate:modelValue":e[19]||(e[19]=function(e){return t.attrs.scale_y=e}),onChange:e[20]||(e[20]=function(){return t.onSizeChanged.apply(t,arguments)})},null,544),[[n["F"],t.attrs.scale_y]])]),Object(n["h"])("label",P,[L,Object(n["I"])(Object(n["h"])("input",{name:"fps",type:"text","onUpdate:modelValue":e[21]||(e[21]=function(e){return t.attrs.fps=e}),onChange:e[22]||(e[22]=function(){return t.onFpsChanged.apply(t,arguments)})},null,544),[[n["F"],t.attrs.fps]])]),Object(n["h"])("label",D,[E,Object(n["I"])(Object(n["h"])("input",{name:"grayscale",type:"checkbox","onUpdate:modelValue":e[23]||(e[23]=function(e){return t.attrs.grayscale=e}),onChange:e[24]||(e[24]=function(){return t.onGrayscaleChanged.apply(t,arguments)})},null,544),[[n["E"],t.attrs.grayscale]])]),Object(n["h"])(q)])]})),_:1},512)])}a("99af"),a("4de4"),a("a15b"),a("d81d"),a("4fad");var G=a("3835"),H={name:"CameraMixin",props:{cameraPlugin:{type:String,required:!0}},data:function(){return{streaming:!1,capturing:!1,captured:!1,url:null,attrs:{}}},computed:{params:function(){var t;return{resolution:this.attrs.resolution,device:(null===(t=this.attrs.device)||void 0===t?void 0:t.length)?this.attrs.device:null,horizontal_flip:parseInt(0+this.attrs.horizontal_flip),vertical_flip:parseInt(0+this.attrs.vertical_flip),rotate:parseFloat(this.attrs.rotate),scale_x:parseFloat(this.attrs.scale_x),scale_y:parseFloat(this.attrs.scale_y),fps:parseFloat(this.attrs.fps),grayscale:parseInt(0+this.attrs.grayscale)}}},methods:{getUrl:function(t,e){return"/camera/"+t+"/"+e+"?"+Object.entries(this.params).filter((function(t){return null!=t[1]&&(""+t[1]).length>0})).map((function(t){var e=Object(G["a"])(t,2),a=e[0],n=e[1];return a+"="+n})).join("&")},_startStreaming:function(t){this.streaming||(this.streaming=!0,this.capturing=!1,this.captured=!1,this.url=this.getUrl(t,"video."+this.attrs.stream_format))},stopStreaming:function(){this.streaming&&(this.streaming=!1,this.capturing=!1,this.url=null)},_capture:function(t){this.capturing||(this.streaming=!1,this.capturing=!0,this.captured=!0,this.url=this.getUrl(t,"photo.jpg")+"&t="+(new Date).getTime())},onFrameLoaded:function(){this.capturing&&(this.capturing=!1)},onDeviceChanged:function(){},onFlipChanged:function(){},onSizeChanged:function(){var t=function(t){return t*Math.PI/180},e=t(this.params.rotate);this.$refs.frameContainer.style.width=Math.round(this.params.scale_x*Math.abs(this.params.resolution[0]*Math.cos(e)+this.params.resolution[1]*Math.sin(e)))+"px",this.$refs.frameContainer.style.height=Math.round(this.params.scale_y*Math.abs(this.params.resolution[0]*Math.sin(e)+this.params.resolution[1]*Math.cos(e)))+"px"},onFpsChanged:function(){},onGrayscaleChanged:function(){}},created:function(){var t=this.$root.config["camera.".concat(this.cameraPlugin)]||{};this.attrs={resolution:t.resolution||[640,480],device:t.device,horizontal_flip:t.horizontal_flip||0,vertical_flip:t.vertical_flip||0,rotate:t.rotate||0,scale_x:t.scale_x||1,scale_y:t.scale_y||1,fps:t.fps||16,grayscale:t.grayscale||0,stream_format:t.stream_format||"mjpeg"}},mounted:function(){var t=this;this.$refs.frame.addEventListener("load",this.onFrameLoaded),this.onSizeChanged(),this.$watch((function(){return t.attrs.resolution}),this.onSizeChanged),this.$watch((function(){return t.attrs.horizontal_flip}),this.onSizeChanged),this.$watch((function(){return t.attrs.vertical_flip}),this.onSizeChanged),this.$watch((function(){return t.attrs.rotate}),this.onSizeChanged),this.$watch((function(){return t.attrs.scale_x}),this.onSizeChanged),this.$watch((function(){return t.attrs.scale_y}),this.onSizeChanged)}},T=H,q=a("714b"),J={name:"Camera",components:{Modal:q["a"]},mixins:[T],props:{cameraPlugin:{type:String,required:!0}},computed:{fullURL:function(){return"".concat(window.location.protocol,"//").concat(window.location.host).concat(this.url)}},methods:{startStreaming:function(){this._startStreaming(this.cameraPlugin)},capture:function(){this._capture(this.cameraPlugin)}}};a("f76d");J.render=R;e["default"]=J},"4de4":function(t,e,a){"use strict";var n=a("23e7"),r=a("b727").filter,i=a("1dde"),s=a("ae40"),c=i("filter"),l=s("filter");n({target:"Array",proto:!0,forced:!c||!l},{filter:function(t){return r(this,t,arguments.length>1?arguments[1]:void 0)}})},d939:function(t,e,a){},f76d:function(t,e,a){"use strict";a("d939")}}]);
|
|
//# sourceMappingURL=chunk-1b5b0970.f4ffd43c.js.map
|