2 lines
1.4 KiB
JavaScript
2 lines
1.4 KiB
JavaScript
import{f as l}from"./flv.c9a0afaa.js";import{a as _,r as f,af as v,G as h,J as C,k as b,aA as w,o as B,j as g,x as c,i as s,t as u}from"./index.ad009468.js";import{C as x}from"./index.68915d2c.js";import"./index.ec81a82e.js";import"./index.14cedd74.js";import"./index.b5af9033.js";import"./index.26624975.js";import"./useRefs.27a91ee2.js";import"./PlusOutlined.03161ece.js";const $=_({components:{Card:x},props:{item:{type:Object,default:()=>{}}},setup(e){let t=null;const a=f(null);function r(){const{item:d}=e,n=d.extends.rtsp_url,m=`ws://127.0.0.1:8100/rtsp?url=${window.btoa(n)}`;if(l.isSupported()){let p=b(a);var o=l.createPlayer({type:"flv",isLive:!0,url:m});o.attachMediaElement(p),o.load(),o.play(),t=o}}function i(){!t||(t==null||t.pause(),t==null||t.unload(),t==null||t.detachMediaElement(),t==null||t.destroy(),t=null)}return v(()=>{i()}),h(()=>{r()}),{videoRef:a,data:e.item}}}),j={class:"bg-gray-200 pt-220/386 relative"},k={class:"absolute left-0 w-full top-0 h-full"},y={class:"w-full h-full",autoplay:"",controls:"",ref:"videoRef",muted:""},E={class:""};function I(e,t,a,r,i,d){const n=w("Card");return B(),g(n,{hoverable:!0,class:"card"},{cover:c(()=>[s("div",j,[s("div",k,[s("video",y,null,512)])])]),default:c(()=>[s("div",E,u(e.item.base_name)+"-"+u(e.item.monitoring_point),1)]),_:1})}var J=C($,[["render",I],["__scopeId","data-v-0f561d93"]]);export{J as default};
|