usePlay-a8635f7c.js 3.7 KB

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