platypush/platypush/backend/http/webapp/dist/static/js/5324.4a827b15.js

"use strict";(self["webpackChunkplatypush"]=self["webpackChunkplatypush"]||[]).push([[5324],{5324:function(t,a,e){e.r(a),e.d(a,{default:function(){return pt}});var s=e(6252),n=e(9963);const i={class:"camera"},r={class:"camera-container"},l={class:"frame-container",ref:"frameContainer"},o={key:0,class:"no-frame"},c=["src"],h={class:"controls"},p={class:"left"},u=["disabled"],d=(0,s._)("i",{class:"fa fa-play"},null,-1),m=[d],g=["disabled"],_=(0,s._)("i",{class:"fa fa-stop"},null,-1),f=[_],y=["disabled"],w=(0,s._)("i",{class:"fas fa-camera"},null,-1),C=[w],v={class:"right"},b=(0,s._)("i",{class:"fas fa-volume-mute"},null,-1),S=[b],k=(0,s._)("i",{class:"fas fa-volume-up"},null,-1),z=[k],x=(0,s._)("i",{class:"fas fa-cog"},null,-1),$=[x],F={class:"audio-container"},U={key:0,autoplay:"",preload:"none",ref:"player"},M=["src"],D={key:0,class:"url"},V={class:"row"},q=(0,s._)("span",{class:"name"},"Stream URL",-1),P=["value"],A={class:"params"},L={class:"row"},O=(0,s._)("span",{class:"name"},"Device",-1),W={class:"row"},H=(0,s._)("span",{class:"name"},"Width",-1),j={class:"row"},G=(0,s._)("span",{class:"name"},"Height",-1),I={class:"row"},R=(0,s._)("span",{class:"name"},"Horizontal Flip",-1),T={class:"row"},Z=(0,s._)("span",{class:"name"},"Vertical Flip",-1),Y={class:"row"},E=(0,s._)("span",{class:"name"},"Rotate",-1),X={class:"row"},B=(0,s._)("span",{class:"name"},"Scale-X",-1),J={class:"row"},K=(0,s._)("span",{class:"name"},"Scale-Y",-1),N={class:"row"},Q=(0,s._)("span",{class:"name"},"Frames per second",-1),tt={class:"row"},at=(0,s._)("span",{class:"name"},"Grayscale",-1);function et(t,a,e,d,_,w){const b=(0,s.up)("Slot"),k=(0,s.up)("Modal");return(0,s.wg)(),(0,s.iD)("div",i,[(0,s._)("div",r,[(0,s._)("div",l,[t.streaming||t.capturing||t.captured?(0,s.kq)("",!0):((0,s.wg)(),(0,s.iD)("div",o,"The camera is not active")),(0,s._)("img",{class:"frame",src:t.url,ref:"frame",alt:""},null,8,c)],512),(0,s._)("div",h,[(0,s._)("div",p,[t.streaming?((0,s.wg)(),(0,s.iD)("button",{key:1,type:"button",onClick:a[1]||(a[1]=(...a)=>t.stopStreaming&&t.stopStreaming(...a)),disabled:t.capturing,title:"Stop video"},f,8,g)):((0,s.wg)(),(0,s.iD)("button",{key:0,type:"button",onClick:a[0]||(a[0]=(...t)=>w.startStreaming&&w.startStreaming(...t)),disabled:t.capturing,title:"Start video"},m,8,u)),t.streaming?(0,s.kq)("",!0):((0,s.wg)(),(0,s.iD)("button",{key:2,type:"button",onClick:a[2]||(a[2]=(...t)=>w.capture&&w.capture(...t)),disabled:t.streaming||t.capturing,title:"Take a picture"},C,8,y))]),(0,s._)("div",v,[t.audioOn?((0,s.wg)(),(0,s.iD)("button",{key:1,type:"button",onClick:a[4]||(a[4]=(...a)=>t.stopAudio&&t.stopAudio(...a)),title:"Stop audio"},z)):((0,s.wg)(),(0,s.iD)("button",{key:0,type:"button",onClick:a[3]||(a[3]=(...a)=>t.startAudio&&t.startAudio(...a)),title:"Start audio"},S)),(0,s._)("button",{type:"button",onClick:a[5]||(a[5]=a=>t.$refs.paramsModal.show()),title:"Settings"},$)])])]),(0,s._)("div",F,[t.audioOn?((0,s.wg)(),(0,s.iD)("audio",U,[(0,s._)("source",{src:`/sound/stream.aac?t=${(new Date).getTime()}`},null,8,M),(0,s.Uk)(" Your browser does not support audio elements ")],512)):(0,s.kq)("",!0)]),t.url?.length?((0,s.wg)(),(0,s.iD)("div",D,[(0,s._)("label",V,[q,(0,s._)("input",{name:"url",type:"text",value:w.fullURL,disabled:"disabled"},null,8,P)])])):(0,s.kq)("",!0),(0,s.Wm)(k,{ref:"paramsModal",title:"Camera Parameters"},{default:(0,s.w5)((()=>[(0,s._)("div",A,[(0,s._)("label",L,[O,(0,s.wy)((0,s._)("input",{name:"device",type:"text","onUpdate:modelValue":a[6]||(a[6]=a=>t.attrs.device=a),onChange:a[7]||(a[7]=(...a)=>t.onDeviceChanged&&t.onDeviceChanged(...a))},null,544),[[n.nr,t.attrs.device]])]),(0,s._)("label",W,[H,(0,s.wy)((0,s._)("input",{name:"width",type:"text","onUpdate:modelValue":a[8]||(a[8]=a=>t.attrs.resolution[0]=a),onChange:a[9]||(a[9]=(...a)=>t.onSizeChanged&&t.onSizeChanged(...a))},null,544),[[n.nr,t.attrs.resolution[0]]])]),(0,s._)("label",j,[G,(0,s.wy)((0,s._)("input",{name:"height",type:"text","onUpdate:modelValue":a[10]||(a[10]=a=>t.attrs.resolution[1]=a),onChange:a[11]||(a[11]=(...a)=>t.onSizeChanged&&t.onSizeChanged(
//# sourceMappingURL=5324.4a827b15.js.map