lcny-vue3-antd-admin/dist/assets/VideoFlv.dcf288ec.js

2 lines
1.6 KiB
JavaScript

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