lcny-vue3-antd-admin/dist/assets/VideoFlv.75accfbb.js

2 lines
1.7 KiB
JavaScript

import{f as m}from"./flv.bd210a79.js";import{a as S,cE as k,r as u,f as p,G as M,af as b,H as w,J as V,k as g,aA as c,o as B,h as C,l as N,i as d,bl as E,p as _,x as F}from"./index.916ae53a.js";import I from"./LinkModal.9bb0887c.js";import"./model-close-icon.706a0490.js";const $=S({name:"VideoFlv",components:{SvgIcon:k,LinkModal:I},props:{url:{type:String,default:null},screen:{type:Boolean,default:!0},name:{type:String,default:""}},setup(o){const t=u(null);let e=null;const f=u(o.url),a=u(!1),v=p(()=>o.name),i=p(()=>o.screen);function s(){if(!!o.url&&m.isSupported()){let h=g(t);var l=m.createPlayer({type:"flv",isLive:!0,url:o.url});l.attachMediaElement(h),l.load(),l.play(),e=l}}M(()=>{s()});function r(){i.value&&(a.value=!0)}function n(){!e||(e==null||e.pause(),e==null||e.unload(),e==null||e.detachMediaElement(),e==null||e.destroy(),e=null)}return b(()=>{n()}),w(()=>o.url,l=>{l&&(n(),s())}),{pName:v,onScreen:r,isScreen:i,pUrl:f,visibleModal:a,videoRef:t}}}),L={class:"w-full h-full relative"},U={class:"w-full h-full",autoplay:"",controls:"",ref:"videoRef",muted:""},y={class:"w-full"};function x(o,t,e,f,a,v){const i=c("SvgIcon"),s=c("VideoFlv",!0),r=c("LinkModal");return B(),C("div",L,[(o.isScreen,N("",!0)),d("video",U,null,512),d("div",{class:"absolute left-0 w-full top-0 h-full",onClick:t[1]||(t[1]=E((...n)=>o.onScreen&&o.onScreen(...n),["prevent","stop"]))}),_(r,{visible:o.visibleModal,"onUpdate:visible":t[2]||(t[2]=n=>o.visibleModal=n),footer:null,title1:o.pName,width:1100},{content:F(()=>[d("div",y,[_(s,{url:o.pUrl,screen:!1,name:o.pName},null,8,["url","name"])])]),_:1},8,["visible","title1"])])}var G=V($,[["render",x],["__scopeId","data-v-403e4a8c"]]);export{G as default};