| 1 |
- import{d as G,r as B,x as V,a as s,A as D,C as pe,j as Le,M as ae,N as te,D as x,E as P,G as N,J as ge,w as fe,y as Ae,a8 as Se,P as Fe,q as Ve,a3 as Pe,aK as Ne,R as We,c5 as qe,a7 as oe,F as ne,aJ as ie,a$ as He,U as le,V as Oe,c6 as ce,ad as Ke}from"./index-042da08e.js";import{s as a,i as Qe,c as ze,T as Ge,a as Je,m as Xe,v as je,b as Ye,d as Ze}from"./music-bg-489f3079.js";import{e as K,f as $e,g as es,h as ss}from"./api-85e6069e.js";import{b as he}from"./browser-504037ee.js";import{M as as}from"./index-9852beff.js";import{F as Q}from"./index-3fd72ec6.js";import{C as ts}from"./index-9225d7ac.js";import{O as os}from"./index-91e2e74f.js";import{R as ns,a as is}from"./index-bceef22d.js";import{I as z}from"./index-cfaf3250.js";import{M as re}from"./index-2e01457b.js";/* empty css */import{a as ls,P as cs}from"./audioBga-fb9f7d41.js";import{V as rs}from"./vue3-lottie.es-95409147.js";import{v as us}from"./videobg-351f911c.js";import{S as ds}from"./index-8e84fb3a.js";import{L as ms}from"./index-0363f195.js";import{C as ps}from"./index-256b3883.js";import"./index-95cfd772.js";import"./Checker-ebdb2445.js";import"./index-61dd2833.js";import"./use-tab-status-8f48c975.js";const ue="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAA7ZJREFUWEftl11ok1cYx39P1qYfRpNeqJVR0dQrtxI6B6Mr1Aq76NVQvFDGeqFQaGI2WFGzXhkcNElLnHSb3c1EtLtQsMwP8EKHF5vS4kBoSwdDJ5XWuoZZaNKm1TTvOHkNXZKmyWKS9mIvhMDLOef5nf/5P+d5XmGdPbLOeHgjIM3r/ZCZmW8Jh22Ulr7EaLzB9u1fiN0+metGcwbS/P56nj4d4tWr0oTg5eW/U1f3nhw5spALVO5ALtcAweABampg3z5YWIBbtyAYhK1bnXLq1HfFBvqLYHAL+/dDdbUee3gY7t8Hk+kn6e4+UFygkyeDhEImDh8Gi0WPPTEBN2+C2fyneDy1RQPSzp2rYmzsbzRNOHoUSl/bKBCAq1dh06aAeL1bigd0+nQ7z5/3sXkzHDy4HPfZM7h+XSk0Lh7PjqIAaW63gVDoD+bna2lshLq65biPH8Pt2+oIB6Wrq6FYQL1MT39GZSUx/xiNy3GVoZWxN2z4Wnp6OgoOpLndHgIBV8w7LS2wI+lULl+GmRmwWj+V48d/LBiQduZMC1NTbubmPogFaWgAmy0x3osXcOWK/q6yMoxINAVIRENkAU27S3X1V9LRMZI8JuFi1Nrb38Zg8ALvxlRQj1qkrMzG4qLEjqepCXbtSt380BA8fJi9KEbjS7ZtaxSX67d/T0oEstvvItKcsmp5uX4THzoEVVUrB52fh0gENG11qHAYHjyAyUl1gf4i3d1N6YGOHVtE04zs2aOUWR43OqoDtbYqw2avQrqRCv7iRZUQS3L2bEl6IIdjCTCwd28i0OBgfoHU5i5cgJKSqPT2vvXfgZQ/lNT5Umh8XC/EGzc+EZ/PmhmoOclG+QaKJ0BFxTfi93++9kDXrsHUFNTU2KWz8/vMQMkeyqdC0SicP68yUqO+vlba2p6sBqQuM0kxdT6BpqdhYEBl66z09JhXvxgdjsIDjYzAvXvK0DfE5/t47YFUN6C6AovlS+nq8mUHVMgsu3QJ5uZg9+6PxOn8eW2BQiHo71c3dASLpUzc7pQCnFjLHA69EBVKoUeP4M4d1VEOi8eT1C7oWhUXSJlZmbqiwit+f+dKpS4ZSM8y1WLEi6v6z0ctU99rKt1VCdq5s1VOnOjPBmgUeCdt+2E2g8GQW7WfnYWlJdW8jWIy2VbyT+qROZ3vE43+8BpKqaf/4v1QbijxWRpm869YrZ9IW9tEuqWy+pTW+vqaiUTK0vIYDJnWiWI0jq0GEl8700JvpkkOs/8HyiTaulPoHxnTiDQIfUMPAAAAAElFTkSuQmCC",gs=""+new URL("logo-2234f4de.png",import.meta.url).href,fs=""+new URL("logo1-c2ba8dc2.png",import.meta.url).href,As="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAY1BMVEUAAAB91f9+1v991v992P982P991f9rzv981v9+1v991P+A0/981v991v991f981v9+1f9+1f991v981P9+1v9+1f981f991/+A3/+Z//97z/991f991v9+1v981v982P991f8xvdXlAAAAIHRSTlMA+nG/KhuzBXddPyGn8O7Nx8G5lJCASDMYBQ715NOcVPc4NhcAAAEnSURBVDjLjVXnmoMgEMRCkZgYjUZzdd//KW+QS6REv50/yDJsZxUZltnaeRHHOJnhTCvOgznt0u4VRajub2l1748vXVV1F//d1zmvLHBQqEb6rWzUKigT2qN10lGGMjk6avuIeAqia2anvkKsQqbTd9Mig745nYF/2E7iLSYclS8LBfSJHUBn8fSph396j6jhZ/+fZ38nRWjPZx71GMUBRtRorS8Uys3SNH0kRAmVru4GqdqkDdHXb8JEkg2WgaiJM0XKKYguD1jQVzIh0qfRoW10HfoU/SISIvBtAyF6aREzUZcTgZ8tqI5oFtYHnxHDEJFAe0BsIyLbNDsYbnrYCWeXkN0U3DZjNy73KbAfF/e5cgcAe6TwhxR/7PEHKX8084c9+/fxB6lSMJUGTKrHAAAAAElFTkSuQmCC",Ss="_loginModel_1wz3k_1",hs="_iconClose_1wz3k_7",ys="_loginSection_1wz3k_17",vs="_fieldSection_1wz3k_20",ws="_icon_1wz3k_7",Cs="_codeText_1wz3k_37",Ts="_btnGroup_1wz3k_41",Ms="_btnText_1wz3k_41",T={loginModel:Ss,iconClose:hs,loginSection:ys,fieldSection:vs,icon:ws,codeText:Cs,btnGroup:Ts,btnText:Ms},bs="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAPFBMVEUAAACnsMylrsymr8ymsMymrsymsMynsM2or8+ms8ynsM2nsM2mr8yosc6nr8ulscyissmkrcimr82mr8xoS1BYAAAAE3RSTlMAqlX5zaSca0wN5MK3cmNBIRyPF9bpcQAAAHRJREFUOMvt1LEOgCAMRVEriKiIKP//r4JlMIK+RCcT7kTDCRttan1H59Ry4yZ/bS6/57PEWoKdz9MlSHwnXThrwUP7AO0xGAxVPA8jhl4SUXAQchVW+AIKQzEJoU6TQnBIk0VwY+kkw0/fFS8AvFLwkvpXO7wRJHHiDd4WAAAAAElFTkSuQmCC",de="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAZlBMVEUAAACmr82mr8ynsMyjssqnr8ymr8yksdKmr8ymr8ynsM2nr8ynsM2lr86qtc2msMyosc6nsc6msdOmsM2msM2nsM2nr82nsM2msMunsMynsc6or8ytrc6nsMymsMylsM2krcqmr8w5Qv39AAAAIXRSTlMArFWqIN6KBvv1oe+lShjWOzQL5bB5cmldWU1GD8SblDU92uELAAAAt0lEQVQ4y+3RyQ6DIBSFYVRAQUHrrLXDef+XbGp0I0NJXHTjv7oJX8gNkKs1Pbwkn9NfLOUZvrHY7+oH9jovTAC0o+pLAL47KyBbz1MJMM+eEuDbriWg3JABdBt7gLuhgNhHBUg3zJDv4x0ozsKa0gyCbo1AS7XNdQJmrDLcDGt5bT6hPWV+nr3YA8tnHgTFQqYgyAi5/Qk2hFRBENNSeKHRScgd8H2EurG6iBhpnkTHiiElVyF9ALhVMzsJy5oXAAAAAElFTkSuQmCC",Ds=G({name:"login-model",props:{isRegister:{type:Boolean,default:!1}},emits:["close","confirm"],setup(g,{emit:w}){const m=B(),t=V({loginType:"PWD",imgCodeStatus:!1,username:"",password:"",smsCode:"",countDownStatus:!0,countDownTime:1e3*120}),e=async()=>{try{if(!ae(t.username))return te("请输入正确的手机号码");const u={username:t.username,client_id:"cooleshow-student",client_secret:"cooleshow-student",password:t.loginType==="PWD"?t.password:t.smsCode,grant_type:"password",loginType:t.loginType==="PWD"?"PASSWORD":"SMS",autoRegister:g.isRegister},y=await x.post("/edu-app/userlogin",{requestType:"form",data:{...u}});if(y.code===5439)w("confirm",{loginTag:!1,data:{...y.errorData,phone:t.username}}),t.username="",t.password="",t.smsCode="",t.countDownStatus=!0;else{P.set(N,y.data.token_type+" "+y.data.access_token);const v=await x.get("/edu-app/user/getUserInfo",{initRequest:!0});ge(v.data),w("confirm",{loginTag:!0}),t.username="",t.password="",t.smsCode="",t.countDownStatus=!0}}catch(u){console.log(u)}},p=()=>{if(!ae(t.username))return te("请输入正确的手机号码");t.imgCodeStatus=!0},r=()=>{t.countDownStatus=!1,he.nextTick(()=>{console.log(m.value,"countDownRef.value"),m.value.start()})},c=()=>{t.countDownStatus=!0,m.value.reset()};return()=>s("div",{class:T.loginModel},[s("i",{class:T.iconClose,onClick:()=>w("close")},null),s("div",{class:T.loginSection},[s("div",{class:T.fieldSection},[s(Q,{modelValue:t.username,"onUpdate:modelValue":u=>t.username=u,placeholder:"请输入手机号",autocomplete:"off",border:!1,type:"tel",maxlength:11},{"left-icon":()=>s("img",{src:bs,class:T.icon},null)}),t.loginType==="PWD"?s(Q,{modelValue:t.password,"onUpdate:modelValue":u=>t.password=u,placeholder:"请输入密码",autocomplete:"off",border:!1,type:"password"},{"left-icon":()=>s("img",{src:de,class:T.icon},null)}):s(Q,{modelValue:t.smsCode,"onUpdate:modelValue":u=>t.smsCode=u,placeholder:"请输入验证码",autocomplete:"off",maxlength:6,type:"tel",border:!1},{"left-icon":()=>s("img",{src:de,class:T.icon},null),button:()=>t.countDownStatus?s("span",{class:T.codeText,onClick:p},[D("获取验证码")]):s(ts,{ref:u=>m.value=u,"auto-start":!1,time:t.countDownTime,onFinish:c,format:"ss秒"},null)})]),s("div",{class:T.btnGroup},[s(pe,{round:!0,block:!0,color:"linear-gradient(90deg, #44C9FF 0%, #259CFE 100%)",onClick:e},{default:()=>[D("登录")]}),s("span",{class:T.btnText,onClick:()=>{t.loginType==="PWD"?(t.countDownStatus=!0,t.loginType="SMS"):t.loginType="PWD"}},[t.loginType==="PWD"?"验证码登录":"密码登录"])])]),t.imgCodeStatus?s(Le,{to:"body"},{default:()=>[s(as,{zIndex:9999,value:t.imgCodeStatus,"onUpdate:value":u=>t.imgCodeStatus=u,phone:t.username,type:"REGISTER",onClose:()=>{t.imgCodeStatus=!1},onSendCode:r},null)]}):null])}}),me=()=>{sessionStorage.removeItem("Authorization")},Rs="_loginChangeModel_1xb37_1",ks="_iconClose_1xb37_9",Bs="_popupTitle_1xb37_20",Es="_selectStudent_1xb37_45",Is="_cell_1xb37_52",_s="_cellSelected_1xb37_65",xs="_iconImage_1xb37_68",Us="_userInfo_1xb37_73",Ls="_userImg_1xb37_78",Fs="_usernames_1xb37_86",Vs="_name_1xb37_86",Ps="_names_1xb37_94",Ns="_schoolname_1xb37_100",Ws="_addStudentBtn_1xb37_111",h={loginChangeModel:Rs,iconClose:ks,popupTitle:Bs,selectStudent:Es,cell:Is,cellSelected:_s,iconImage:xs,userInfo:Us,userImg:Ls,usernames:Fs,name:Vs,names:Ps,schoolname:Ns,addStudentBtn:Ws},qs="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAUVBMVEUAAAAAkP8Qif8Rif8Qif8Qiv8Rif8Si/8Ri/8Qif8Mhv8AgP8Qif8Rif8Rif8Rif8Rif8Riv8Rif8Rif8Rif8Ri/8Pi/8Piv8Sif8Rif8Rif8hmc1vAAAAGnRSTlMABfDY3MykZFM3FQn49+bEp5iKdWhYRCEc0czz7xoAAAEFSURBVDjLbJFZcsQgDAWF2GzjdbzN9P0PmkqwU5SZ/oRGTxJScm7Ba9+rD9spXzH7RMG0m9o5LOgc286Yro2zgj0eSlrAxVQcRAdLKp3OM6zmEb8O+K5wLGMrFe2I/beS5/OWL7w/+DtxYcxObY0s11wMd5ZpglW1oTF34sDxd2FZJdM4LlwjmRX7+2DHXe9eFLyu2o5dRCZi4VRWZBI50ZSzeJATk3LKxnzXfXB1MbNJIJaF6lKRIJ48f6Ai5C3gRcmbt1TY/Geo9ORopUJzs/Q/jdSxDQAACMOw/7/2C96RQLRJDdW6OrxeUM+sWCbgqkqVbuo7IBRSA+dgPsI49bzESocAjxMxyfVaThAAAAAASUVORK5CYII=",Hs="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAPFBMVEUAAADBwcHCwsLKysrBwcHCwsLBwcHBwcHCwsLCwsLBwcHBwcHBwcHCwsLDw8PCwsLCwsLDw8PMzMzBwcFj7DUOAAAAE3RSTlMA9mUG2aY3HhXP6+bKxJh1WEQKpOsVIgAAANRJREFUOMt8kEcOwkAQBCdtcgTX//+KMEEW2FvS3Gpa6pYjxVIbVIeWrMg5t5kD8+1EuQdoslzda7akEPcfxRcI2+TLZgGLH506oav//K3KVA9OMGb5I4/E1/KJdtqmNKZP/sJ40biMLO9eaJYLsvLqGKxyyUrsGxJ+LXnwXHXGpIMxixR060mbUsRI0iVh+/XYUxq5L2WaDNS+VBlE8b7k6KOROrYBAABhGPb/137BOxKINqmhWleH1wvqmRXLBFxVmdJVfQeEQmrgHMxHGKeel1jpEGjoDf1F7oGIAAAAAElFTkSuQmCC";function Os(g){return typeof g=="function"||Object.prototype.toString.call(g)==="[object Object]"&&!Se(g)}const Ks=G({name:"login-change-model",props:{credential:{type:Object,default:()=>({})}},emits:["close","confirm"],setup(g,{emit:w}){const m=B(),t=B(!1),e=B([]);fe(()=>g.credential,()=>{p()});const p=async()=>{var r;try{if(!((r=g.credential)!=null&&r.token))return;const{data:c}=await x.post("/edu-app/open/user/getMultiUser",{data:{...g.credential}}),u=c||[],y=[];u.forEach(v=>{y.push({userId:v.studentId,avatar:v.avatar,nickname:v.nickname,schoolName:v.schoolName,token:v.token,tokenExpireTime:v.tokenExpireTime})}),e.value=y}catch(c){}};return Ae(async()=>{p()}),()=>{let r;return s("div",{class:h.loginChangeModel},[s("i",{class:h.iconClose,onClick:()=>{w("close")}},null),s("div",{class:h.popupTitle},[s("span",null,[D("选择学生")])]),s(ns,{class:h.selectStudent,modelValue:m.value,"onUpdate:modelValue":c=>m.value=c},Os(r=e.value.map(c=>s("div",{class:[h.cell,m.value===c.userId&&h.cellSelected],onClick:()=>{m.value=c.userId}},[s(is,{name:c.userId},{icon:u=>s(z,{class:h.iconImage,src:u.checked?qs:Hs},null)}),s("div",{class:h.userInfo},[s(z,{src:c.avatar,class:h.userImg,fit:"cover"},null),s("div",{class:h.usernames},[s("div",{class:h.name},[s("span",{class:h.names},[c.nickname])]),c.schoolName&&s("div",{class:h.schoolname},[c.schoolName])])])])))?r:{default:()=>[r]}),s("div",{class:h.addStudentBtn},[s(pe,{block:!0,round:!0,loading:t.value,disabled:!m.value||t.value,onClick:async()=>{t.value=!0;try{const c=e.value.find(W=>W.userId===m.value);if(!c.userId)return;const u={username:g.credential.phone,client_id:"cooleshow-student",client_secret:"cooleshow-student",password:c.token,grant_type:"password",loginType:"TOKEN"},y=await x.post("/edu-app/userlogin",{requestType:"form",data:{...u}});P.set(N,y.data.token_type+" "+y.data.access_token);const v=await x.get("/edu-app/user/getUserInfo",{initRequest:!0});ge(v.data),w("confirm",{loginTag:!0}),w("close")}finally{t.value=!1}}},{default:()=>[s("span",null,[D("确认")])]})])])}}});function Qs(g){return typeof g=="function"||Object.prototype.toString.call(g)==="[object Object]"&&!Se(g)}const Aa=G({name:"creation-detail",setup(){const g=Fe(),w=Ve(),m=B(!1),t=B(),e=V({id:g.query.id,isEmpty:!1,loginTag:!1,loginStatus:!1,loginChangeState:!1,credential:{},playType:"",musicDetail:{},isClick:!1,list:[],listState:{dataShow:!0,loading:!1,finished:!1},params:{page:1,rows:20},messageStatus:!1,message:"",_plrl:null,heightV:0,heightB:0}),p=V({duration:0,currentTime:0,mediaTimeShow:!1,playIngShow:!0,loaded:!1}),r=V({staffSrc:"",isShow:!1,height:"initial"}),c=B(),{playStaff:u,pauseStaff:y,updateProgressStaff:v}=ke(),W=async()=>{if(await X(),!e.loginTag){e.loginStatus=!0;return}try{await $e({userMusicId:e.id,star:!e.musicDetail.starFlag}),e.musicDetail.starFlag=!e.musicDetail.starFlag,e.musicDetail.starFlag?e.musicDetail.likeNum+=1:e.musicDetail.likeNum-=1}catch(i){}},J=async()=>{try{if(e.isClick)return;e.isClick=!0;const i=await es({type:"FORMAL",exclusionId:e.id,sort:1,...e.params});e.listState.loading=!1;const n=i.data||{};if(e.list.length>0&&n.current===1)return;e.list=e.list.concat(n.rows||[]),e.listState.finished=n.current>=n.pages,e.params.page=n.current+1,e.listState.dataShow=e.list.length>0,e.isClick=!1}catch(i){e.listState.dataShow=!1,e.listState.finished=!0,e.isClick=!1}},ye=i=>{w.push({path:"/shareCreation",query:{id:i.id}})};function ve(){const i=e.playType==="Audio"?"#audioMediaSrc":"#videoMediaSrc";e._plrl=new cs(i,{controls:["progress"],fullscreen:{enabled:!1}});const n=e._plrl;if(e.playType==="Audio"){const o=document.querySelector("#audioMediaSrc"),l=document.querySelector("#audioVisualizer"),{pauseVisualDraw:f,playVisualDraw:E}=Ce(o,l);n.on("play",()=>{t.value.play(),E()}),n.on("pause",()=>{t.value.pause(),f()})}n.on("loadedmetadata",()=>{p.loaded=!0}),n.on("timeupdate",()=>{p.currentTime=n.currentTime}),n.on("play",()=>{p.playIngShow=!1,u()}),n.on("pause",()=>{p.playIngShow=!0,y()});const A=()=>{p.duration=n.duration,p.mediaTimeShow=!0},d=()=>{p.mediaTimeShow=!1,n.playing||v(n.currentTime)},S=document.querySelector("#playMediaSection .plyr__controls .plyr__progress__container");S.addEventListener("mousedown",A),S.addEventListener("touchstart",A),S.addEventListener("mouseup",d),S.addEventListener("touchend",d)}function we(){e._plrl.playing?e._plrl.pause():e._plrl.play()}function Ce(i,n,A=128){const d=n.getContext("2d"),{width:S,height:o}=n.getBoundingClientRect();n.width=S,n.height=o;let l=null,f=null,E=null;const Y=new Uint8Array(A/2),Be=(R,_,{lineGap:b,canvWidth:H,canvHeight:Ie,canvFillColor:_e,lineColor:$})=>{if(!_)return;const O=H,ee=Ie;Ee(_,O,ee,_e);const U=R.length;let C=(O/2-b*U)/U;C<1&&(C=1);const se=O/2,I=ee/2;let L=se;for(let M=0;M<U;M++){const k=R[M]/255*I;d.fillStyle=$,M===0&&(L-=b/2),d.fillRect(L-C,I-k,C,k),d.fillRect(L-C,I,C,k),L-=C+b}let F=se;for(let M=0;M<U;M++){const k=R[M]/255*I;d.fillStyle=$,M===0&&(F+=b/2),d.fillRect(F,I-k,C,k),d.fillRect(F,I,C,k),F+=C+b}},Ee=(R,_,b,H)=>{R.clearRect(0,0,_,b),R.fillStyle=H,R.fillRect(0,0,_,b)},Z=()=>{requestAnimationFrame(()=>{f==null||f.getByteFrequencyData(Y),Be(Y,d,{lineGap:2,canvWidth:S,canvHeight:o,canvFillColor:"transparent",lineColor:"rgba(255, 255, 255, 0.7)"}),q||Z()})};let q=!0;return{playVisualDraw:()=>{l||(l=new AudioContext,E=l.createMediaElementSource(i),f=l.createAnalyser(),f.fftSize=A,E==null||E.connect(f),f.connect(l.destination)),q=!1,Z()},pauseVisualDraw:()=>{q=!0}}}function Te(i){var n,A,d,S;i.stopPropagation(),w.push({path:"/playCreation",query:{resourceUrl:encodeURIComponent((n=e.musicDetail)==null?void 0:n.videoUrl),musicSheetName:encodeURIComponent((A=e.musicDetail)==null?void 0:A.musicSheetName),username:encodeURIComponent((d=e.musicDetail)==null?void 0:d.username),musicSheetId:encodeURIComponent((S=e.musicDetail)==null?void 0:S.musicSheetId)}})}const X=async()=>{try{const i=P.get(N)||"";if(i){const n=await ss({token:i});console.log(n.data,"res.data"),e.loginTag=n.data,n.data||(me(),ce())}}catch(i){P.remove(N),me(),ce(),e.loginTag=!1}},j=async()=>{await X();try{const i=await K(e.id);if(i.code===999){e.isEmpty=!0;return}else e.musicDetail=i.data,Re(),J(),i.data.videoUrl.lastIndexOf("mp4")!==-1?e.playType="Video":e.playType="Audio",he.nextTick(()=>{ve()})}catch(i){e.message=i,e.messageStatus=!0}},Me=Pe("scroll",()=>{const i=window.scrollY||document.documentElement.scrollTop;i>0&&m.value===!1&&(m.value=!0),i<=0&&(m.value=!1)});function be(){w.push({path:"/transfer"})}const De=Ne();fe(De,i=>{var n;i==="hidden"&&((n=e._plrl)==null||n.pause())});function Re(){const i=`${Ke()}/instrument/#/simple-detail?id=${e.musicDetail.musicSheetId}&musicRenderType=staff`;r.staffSrc=i,window.addEventListener("message",n=>{const{api:A,height:d}=n.data;A==="api_musicPage"&&(r.isShow=!0,r.height=d+"px",e._plrl.playing&&u())})}function ke(){let i=!0;const n=()=>{requestAnimationFrame(()=>{var o,l;(l=(o=c.value)==null?void 0:o.contentWindow)==null||l.postMessage({api:"api_playProgress",content:{currentTime:e._plrl.currentTime}},"*"),i||n()})};return{playStaff:()=>{var o,l;r.isShow&&(i=!1,(l=(o=c.value)==null?void 0:o.contentWindow)==null||l.postMessage({api:"api_play"},"*"),n())},pauseStaff:()=>{var o,l;r.isShow&&(i=!0,(l=(o=c.value)==null?void 0:o.contentWindow)==null||l.postMessage({api:"api_paused"},"*"))},updateProgressStaff:o=>{var l,f;r.isShow&&((f=(l=c.value)==null?void 0:l.contentWindow)==null||f.postMessage({api:"api_updateProgress",content:{currentTime:e._plrl.currentTime}},"*"))}}}return Ae(async()=>{j()}),We(()=>{Me()}),qe(i=>{e.id=i.query.id,e.playType="",e.params.page=1,e.list=[],e._plrl&&e._plrl.destroy(),r.staffSrc="",r.isShow=!1,r.height="initial",j()}),()=>{var n,A,d,S;let i;return s("div",{style:{"--barheight":e.heightV+"px"},class:[a.creation,Oe().isTablet?a.creationTablet:"",m.value&&a.isShareScreenScroll]},[s("div",{class:a.creationBg},null),s(re,{position:"top",onBarHeight:o=>{console.log(o,"height",o),e.heightV=o}},{default:()=>[s("div",{class:a.logoDownload},[s("img",{src:m.value?fs:gs,class:a.logoImg},null),s("div",{class:a.logTit,onClick:be},[D("下载App")])])]}),e.isEmpty?s("div",{class:a.isEmpty},[s(oe,{description:"作品已删除～"},null)]):s(ne,null,[s("div",{class:a.singerBox},[s("div",{class:a.musicSheetName},[(n=e.musicDetail)==null?void 0:n.musicSheetName]),s("div",{class:a.singerName},[D("演奏："),(A=e.musicDetail)==null?void 0:A.username])]),s(ds,{offsetTop:e.heightV-1+"px"},{default:()=>{var o,l;return[s("div",{class:[a.playSection,p.mediaTimeShow&&a.mediaTimeShow,!p.loaded&&a.notLoaded],id:"playMediaSection",onClick:we},[e.playType&&s(ne,null,[e.playType==="Audio"&&s("div",{class:a.audioBox},[s("canvas",{class:a.audioVisualizer,id:"audioVisualizer"},null),s(rs,{ref:t,class:a.audioBga,animationData:ls,autoPlay:!1,loop:!0},null),s("audio",{crossorigin:"anonymous",id:"audioMediaSrc",src:(o=e.musicDetail)==null?void 0:o.videoUrl,controls:"false",preload:"metadata",playsinline:!0},null)]),e.playType==="Video"&&s("video",{id:"videoMediaSrc",class:a.videoBox,src:(l=e.musicDetail)==null?void 0:l.videoUrl,"data-poster":us,preload:"metadata",playsinline:!0},null),s("div",{class:[a.playLarge,p.playIngShow&&a.playIngShow]},null),s("div",{class:a.mediaTime},[s("div",null,[ie(p.currentTime)]),s("div",{class:a.note},[D("/")]),s("div",{class:a.duration},[ie(p.duration)])]),s("div",{class:a.landscapeScreen,onClick:Te},null),r.staffSrc&&s("div",{class:[a.staffBox,r.isShow&&a.staffBoxShow],style:{"--staffBoxHeight":r.height}},[s("div",{class:a.mask},null),s("iframe",{ref:c,class:a.staff,frameborder:"0",src:r.staffSrc},null)])])])]}}),s("div",{class:[a.musicSection,a.musicShareSection]},[s("div",{class:a.avatarInfoBox},[s("div",{class:a.avatar},[s(z,{class:a.userLogo,src:e.musicDetail.avatar},null),s("div",{class:a.infoCon},[s("div",{class:a.info},[s("span",{class:a.userName},[(d=e.musicDetail)==null?void 0:d.username]),e.musicDetail.vipFlag&&s("img",{src:Qe,class:a.iconMember},null)]),s("div",{class:a.sub},[e.musicDetail.subjectName," ",He(e.musicDetail.currentGradeNum-1)])])]),s("div",{class:a.linkes,onClick:W},[s("img",{src:e.musicDetail.starFlag?ue:ze,class:a.iconZan},null),s("span",null,[e.musicDetail.likeNum])])]),s(Ge,{class:a.textEllipsis,rows:2,content:(S=e.musicDetail)==null?void 0:S.desc,"expand-text":"展开","collapse-text":"收起"},null)]),s("div",{class:a.likeSection},[s("div",{class:a.likeTitle},[D("推荐作品")]),e.listState.dataShow?s(ms,{finished:e.listState.finished,finishedText:" ",class:[a.container,a.containerInformation],onLoad:J,immediateCheck:!1},Qs(i=e.list.map((o,l)=>s(ps,{class:[a.likeShareItem,l===e.list.length-1&&a.likeShareItemLast],border:!1,onClick:()=>ye(o)},{icon:()=>{var f;return s("div",{class:a.audioImgBox},[s("img",{src:Je,class:a.audioPan,crossorigin:"anonymous"},null),s("img",{src:o.img||Xe,class:a.muploader,crossorigin:"anonymous"},null),s("img",{class:a.imgLabel,src:((f=o.videoUrl)==null?void 0:f.lastIndexOf("mp4"))!==-1?je:Ye},null)])},title:()=>s("div",{class:a.userInfo},[s("div",{class:[a.musicSheetName,"van-ellipsis"]},[o.musicSheetName]),s("div",{class:a.usernameCon},[s("div",{class:a.likeNum},[s("img",{src:ue},null),s("span",null,[o.likeNum])]),s("div",{class:a.username},[o.username])])]),value:()=>s("img",{src:As,class:a.playImg},null)})))?i:{default:()=>[i]}):s(oe,{description:"暂无数据"},null)]),!m.value&&s(re,{position:"bottom",offsetBottom:e.heightB-1+"px"},{default:()=>[s("div",{class:a.upward},[s("img",{src:Ze},null)])]})]),s(le,{show:e.loginStatus,"onUpdate:show":o=>e.loginStatus=o,style:{background:"transparent",overflow:"inherit"}},{default:()=>[s(Ds,{isRegister:!0,onClose:()=>e.loginStatus=!1,onConfirm:async o=>{if(o.loginTag){e.loginTag=o.loginTag,e.loginStatus=!1;const{data:l}=await K(e.id);e.musicDetail=l}else e.credential=o.data,e.loginChangeState=!0,e.loginStatus=!1}},null)]}),s(le,{show:e.loginChangeState,"onUpdate:show":o=>e.loginChangeState=o,style:{background:"transparent",overflow:"inherit"}},{default:()=>[s(Ks,{credential:e.credential,onClose:()=>{e.credential={},e.loginChangeState=!1},onConfirm:async o=>{e.loginTag=o.loginTag,e.loginChangeState=!1;const{data:l}=await K(e.id);e.musicDetail=l}},null)]}),s(os,{show:e.messageStatus,"onUpdate:show":o=>e.messageStatus=o,message:e.message,showButton:!1},null)])}}});export{Aa as default};
|
