1 |
- import{d as V,k as p,e as I,w as D,X as f,a6 as x,a9 as l,f as s,Z as o,u as t,E as c,_ as i,a8 as g,Y as G,aa as $}from"./vue-bbe2430e.js";import{aZ as C,a_ as R,bB as U,U as P,bC as j,bD as O,a6 as W,b2 as Z,b1 as m,aV as z,G as k,ab as E}from"./radical-8187b2dd.js";import{D as F}from"./index-e89a9683.js";import{V as M}from"./jb4-c5a640ce.js";import{G as T,s as A}from"./gb28181-6b54b815.js";const L={class:"flex flex-col gap-2"},X={class:"flex items-center justify-between mb-2"},Y={class:"flex items-center gap-2"},q={class:"flex items-center gap-2"},H={class:"flex-1 relative"},J={key:0,class:"flex justify-between"},K={class:"text-center"},Q={class:"flex"},ee={class:"flex items-center mr-20px"},ae={key:1,class:"text-center"},se=V({__name:"play",props:{isGbRecord:{type:Boolean},path:{},id:{},deviceName:{},deviceId:{},channelName:{},type:{}},setup(y){const n=y,_=p(1),b=p(!0),d=p(80),u={fontWeight:"bold"},h=p("ws-flv"),r=p(""),S=I(()=>`${T(n.isGbRecord)}${r.value}`);D([()=>n.id,()=>n.path],([a,e])=>{e?r.value=e:a&&(r.value=`${n.id}/${n.deviceId}`)},{immediate:!0});const B=()=>{const a=r.value.split("/");return{deviceId:a[0],channelId:a[1]}},N=async a=>{k.destroy(),await A({...B(),ptzcmd:a}).then(async e=>{k.success("指令发送成功")}).catch(e=>{k.success("指令发送失败")})},w=a=>{a==="in"&&d.value<100?d.value+=10:a==="out"&&d.value>40&&(d.value-=10)};return(a,e)=>(f(),x("div",{class:"h-full w-full flex justify-center items-center m-auto relative",style:g(`width: ${d.value}%; height: ${d.value}%`)},[l("div",L,[l("div",X,[l("div",Y,[l("span",{style:u},"播放格式:"),s(t(R),{value:h.value,"onUpdate:value":e[0]||(e[0]=v=>h.value=v)},{default:o(()=>[s(t(C),{value:"ws-flv"},{default:o(()=>e[5]||(e[5]=[c("WS-FLV")])),_:1}),s(t(C),{value:"webrtc"},{default:o(()=>e[6]||(e[6]=[c("WebRTC")])),_:1})]),_:1},8,["value"])]),l("div",q,[l("span",{style:u},"缩放:"),s(t(P),{type:"link",onClick:e[1]||(e[1]=()=>w("out")),disabled:d.value<=40},{default:o(()=>[s(t(U))]),_:1},8,["disabled"]),l("span",null,i(d.value)+"%",1),s(t(P),{type:"link",onClick:e[2]||(e[2]=()=>w("in")),disabled:d.value>=100},{default:o(()=>[s(t(j))]),_:1},8,["disabled"])])]),l("div",H,[s(M,{videoShadow:!0,streamPath:S.value,format:h.value,style:g({height:d.value+"%"}),onPlay:b.value},{default:o(()=>[a.type==="vod"?(f(),x("div",J,[l("div",K,i(r.value),1),l("div",Q,[l("div",ee,[s(t(O),{value:_.value,"onUpdate:value":e[3]||(e[3]=v=>_.value=v),class:"w-200px",max:4,min:.5,step:.5,marks:{.5:"0.5",1:"1",1.5:"1.5",2:"2",2.5:"2.5",3:"3",3.5:"3.5",4:"4"}},null,8,["value"]),e[7]||(e[7]=l("span",{class:"ml-15px"},"x 倍速",-1))]),s(t(W),{checked:b.value,"onUpdate:checked":e[4]||(e[4]=v=>b.value=v),"checked-children":"播放","un-checked-children":"暂停",class:"w-60px self-center"},null,8,["checked"])])])):(f(),x("div",ae,i(r.value),1))]),_:1},8,["streamPath","format","style","onPlay"])])]),a.id&&!a.type?(f(),G(t(z),{key:0,bordered:!1,class:"dark:bg-transparent",bodyStyle:{height:"100%",width:"280px"}},{default:o(()=>[s(F,{hanldeClick:N,allowed:""}),s(t(Z),{column:1,class:"mt-20px",layout:"vertical"},{default:o(()=>[s(t(m),{class:"!pb-8px",labelStyle:u,label:"设备名称"},{default:o(()=>[c(i(a.deviceName||"--"),1)]),_:1}),s(t(m),{class:"!pb-8px",labelStyle:u,label:"设备编号"},{default:o(()=>[c(i(a.id||"--"),1)]),_:1}),s(t(m),{class:"!pb-8px",labelStyle:u,label:"通道名称"},{default:o(()=>[c(i(a.channelName||"--"),1)]),_:1}),s(t(m),{class:"!pb-8px",labelStyle:u,label:"通道编号"},{default:o(()=>[c(i(a.deviceId||"--"),1)]),_:1})]),_:1})]),_:1})):$("",!0)],4))}}),ie=(y,n)=>{E({content:()=>s(se,y,null),modalConfig:{width:"80%",destroyOnClose:!0,footer:null,...n}})};export{ie as u};
|