cione-comp-lib/lib/packages/co-video-DPlayer/index2.js

`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),l=require("../../node_modules/dplayer/dist/DPlayer.min.js"),r=require("../../node_modules/hls.js/dist/hls.js"),o=require("../../node_modules/flv.js/dist/flv.js");require("./index.vue_vue_type_style_index_0_scoped_true_lang.js");var t=require("../../_virtual/plugin-vue_export-helper.js");window.Hls=r.default,window.flvjs=o.default;const u=e.defineComponent({name:"CoVideoDPlayer",props:{ratio:{type:String,require:!0},volume:{type:Number,require:!0},cusControls:{type:Boolean,default:!0},autoplay:{type:Boolean,require:!1},loop:{type:Boolean,require:!1},posterSrc:{type:String,require:!0},url:{type:String,require:!0}},setup(r){const{autoplay:o,posterSrc:t,cusControls:u,volume:a}=e.toRefs(r),n=e.ref(r.url),s=e.ref(null),i=e.ref(null);let d=e.ref("video-xgplayer__"+(new Date).valueOf()),v=e.ref(10);const p=()=>{let e=/mp4|webm|ogg|mov|flv|hls|m3u8/;const l=n.value;let r=e.test(l)?l.match(e)[0].toLowerCase():null;s.value&&c(f(r),l)},c=(e,o)=>{i.value=new l.default({container:s.value,...r,volume:v.value,mutex:!1,video:{url:o,pic:t.value,type:e}})},f=(e,l)=>{let r="";return["hls","m3u8"].includes(e)?r="hls":["flv"].includes(e)?r="flv":["mp4","webm","ogg","mov"].includes(e)&&(r="normal"),r};return e.watchEffect((()=>{i.value&&(n.value=r.url,v.value=Number(r.volume)/100,p())})),e.watchEffect((()=>{if(i.value){const e=i.value.video.parentNode.parentNode.querySelector(".dplayer-controller");u.value?e.style.display="block":e.style.display="none"}})),e.onMounted((()=>{p()})),{containId:d,DPlayerRef:s,...e.toRefs(r)}}}),a={class:"co-video-DPlayer"},n=["id"];var s=t.default(u,[["render",function(l,r,o,t,u,s){return e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",{id:l.containId,ref:"DPlayerRef",class:e.normalizeClass(["video-DPlayer__main",l.ratio])},null,10,n)])}],["__scopeId","data-v-825af7f4"]]);exports.default=s;