import{d as i,k as t,e as p,w as f,X as m,a6 as v,f as h,a8 as _,Y as I}from"./vue-fae2b924.js";import{V as w}from"./jb4-ws-flv-880e8f5f.js";import{G as P}from"./gb28181-c4bbd148.js";import"./canvas-14fb4930.js";import"./radical-49beb80b.js";import"./index-ac5bf03d.js";const y=i({__name:"play",props:{isGbRecord:{type:Boolean},path:{},id:{},deviceId:{}},setup(l){const e=l,r=t(1),o=t(!0),a=t(100),d=t("ws-flv"),s=t(""),u=p(()=>`${P(e.isGbRecord)}${s.value}`);return f([()=>e.id,()=>e.path],([n,c])=>{c?s.value=c:n&&(s.value=`${e.id}/${e.deviceId}`)},{immediate:!0}),(n,c)=>(m(),v("div",{class:"h-full w-full flex justify-center items-center m-auto relative",style:_(`width: ${a.value}%; height: ${a.value}%`)},[h(w,{videoShadow:!0,streamPath:u.value,format:d.value,speed:r.value,pause:!o.value,class:"flex-1 m-r-10px"},null,8,["streamPath","format","speed","pause"])],4))}}),G=i({name:"Channel"}),k=i({...G,setup(l){const e=new URLSearchParams(window.location.search),r=e.get("ID")||"",o=e.get("DeviceID")||"",a={id:r,deviceId:o,isGbRecord:!1};return(d,s)=>(m(),I(y,{id:a.id,deviceId:a.deviceId,isGbRecord:a.isGbRecord},null,8,["id","deviceId","isGbRecord"]))}});export{k as default};