2 lines
1.4 KiB
JavaScript
2 lines
1.4 KiB
JavaScript
import{f as l}from"./flv.5f93b003.js";import{a as p,r as _,af as f,G as v,J as h,k as b,aA as C,o as w,j as B,x as c,i as s,t as u}from"./index.0af5f3c7.js";import{C as g}from"./index.f8908622.js";import"./index.5f8636d8.js";import"./index.9a71820b.js";import"./index.e0b081a9.js";import"./index.09865871.js";import"./useRefs.50da323c.js";import"./PlusOutlined.4f056954.js";const $=p({components:{Card:g},props:{item:{type:Object,default:()=>{}}},setup(t){let e=null;const a=_(null);function r(){const d="rtsp://admin:admin12345@183.222.79.115:9007/cam/realmonitor?channel=1&subtype=0",n=`ws://127.0.0.1:8100/rtsp?url=${window.btoa(d)}`;if(l.isSupported()){let m=b(a);var o=l.createPlayer({type:"flv",isLive:!0,url:n});o.attachMediaElement(m),o.load(),o.play(),e=o}}function i(){!e||(e==null||e.pause(),e==null||e.unload(),e==null||e.detachMediaElement(),e==null||e.destroy(),e=null)}return f(()=>{i()}),v(()=>{r()}),{videoRef:a,data:t.item}}}),x={class:"bg-gray-200 pt-220/386 relative"},y={class:"absolute left-0 w-full top-0 h-full"},j={class:"w-full h-full",autoplay:"",controls:"",ref:"videoRef",muted:""},k={class:""};function E(t,e,a,r,i,d){const n=C("Card");return w(),B(n,{hoverable:!0,class:"card"},{cover:c(()=>[s("div",x,[s("div",y,[s("video",j,null,512)])])]),default:c(()=>[s("div",k,u(t.item.base_name)+"-"+u(t.item.monitoring_point),1)]),_:1})}var G=h($,[["render",E],["__scopeId","data-v-fbec511e"]]);export{G as default};
|