usePlay-79f7ae72.js 3.7 KB

1
  1. import{d as $,k as v,e as D,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,bE as j,U as P,bF as E,bG as F,a6 as M,b4 as O,b3 as m,aV as W,G as k,ab as Z}from"./radical-3ee02118.js";import{u as L,D as A,I as K,p as X}from"./index-f7117e22.js";import{V as Y}from"./jb4-f3d7ce01.js";import{G as q,s as I}from"./gb28181-fe7ed9bb.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=$({__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(""),N=D(()=>`${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]}},V=L(),B=async a=>{k.destroy(),await I({..._(),ptzcmd:a}).then(async e=>{k.success("指令发送成功"),V.controlMode===K.CLICK&&G()}).catch(e=>{k.success("指令发送失败")})},G=()=>{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(E))]),_:1},8,["disabled"])])]),l("div",ae,[t(Y,{videoShadow:!0,streamPath:N.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(F),{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(M),{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(W),{key:0,bordered:!1,class:"dark:bg-transparent",bodyStyle:{height:"100%",width:"280px"}},{default:o(()=>[t(A,{hanldeClick:B,allowed:""}),t(s(O),{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)=>{Z({content:()=>t(de,y,null),modalConfig:{width:"80%",destroyOnClose:!0,footer:null,...d}})};export{ve as u};