| 1 |
- import{d as Pe,V as we,P as ye,q as Ae,r as D,w as W,x as he,aK as Se,y as xe,R as Be,Q as j,a as i,ad as Me}from"./index-042da08e.js";/* empty css */import{a as De,P as qe}from"./audioBga-fb9f7d41.js";import{V as Ee}from"./vue3-lottie.es-95409147.js";import{v as Ce}from"./videobg-351f911c.js";const Re="_playCreation_1wg05_1",ke="_landscapeScreen_1wg05_6",Le="_notLoaded_1wg05_18",Ne="_videoBox_1wg05_88",Te="_audioBox_1wg05_92",Ve="_audioBga_1wg05_99",be="_audioVisualizer_1wg05_110",Fe="_playLarge_1wg05_118",ze="_playIngShow_1wg05_130",_e="_backBox_1wg05_133",Ye="_backImg_1wg05_140",Ge="_musicDetail_1wg05_144",Ue="_musicSheetName_1wg05_147",He="_username_1wg05_154",Ke="_staffBox_1wg05_161",Qe="_staffBoxShow_1wg05_168",Xe="_staff_1wg05_161",Ie="_mask_1wg05_176",o={playCreation:Re,landscapeScreen:ke,notLoaded:Le,videoBox:Ne,audioBox:Te,audioBga:Ve,audioVisualizer:be,playLarge:Fe,playIngShow:ze,backBox:_e,backImg:Ye,musicDetail:Ge,musicSheetName:Ue,username:He,staffBox:Ke,staffBoxShow:Qe,staff:Xe,mask:Ie},We="data:image/png;base64,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",et=Pe({name:"playCreation",setup(){const{isApp:_}=we(),q=ye(),O=Ae(),L=decodeURIComponent(q.query.resourceUrl||""),J=decodeURIComponent(q.query.musicSheetName||""),Z=decodeURIComponent(q.query.username||""),$=decodeURIComponent(q.query.musicSheetId||""),N=L.lastIndexOf("mp4")!==-1?"Video":"Audio",T=D(),h=D(!1);let a;const V=D(!0),Y=D(!1),{registerDrag:ee,unRegisterDrag:te}=se();W(h,()=>{h.value?ee():te()});const f=he({staffSrc:"",isShow:!1,height:"initial"}),S=D(),{playStaff:G,pauseStaff:ae,updateProgressStaff:ne}=de();function oe(){const e=N==="Audio"?"#audioMediaSrc":"#videoMediaSrc";if(a=new qe(e,{controls:["play","progress","current-time","duration"]}),a.on("loadedmetadata",()=>{Y.value=!0}),N==="Audio"){const n=document.querySelector("#audioMediaSrc"),d=document.querySelector("#audioVisualizer"),{pauseVisualDraw:r,playVisualDraw:u}=ie(n,d);a.on("play",()=>{T.value.play(),u()}),a.on("pause",()=>{T.value.pause(),r()})}a.on("play",()=>{V.value=!1,G()}),a.on("pause",()=>{V.value=!0,ae()}),a.on("seeked",()=>{a.playing||ne(a.currentTime)})}function se(){let e;function n(u){u.preventDefault(),u.stopPropagation();const s=a.playing;a.pause();const t=U(u),c=t?u.touches[0]:u;E(c);function g(){document.removeEventListener(t?"touchmove":"mousemove",x),document.removeEventListener(t?"touchend":"mouseup",g),s&&a.play()}function x(v){v.preventDefault(),v.stopPropagation();const y=U(v)?v.touches[0]:v;E(y)}function E(v){const{top:y,height:B}=e.getBoundingClientRect(),H=(v.clientY-y)/B,K=Math.min(Math.max(H,0),1);a.currentTime=K*a.duration}document.addEventListener(t?"touchmove":"mousemove",x),document.addEventListener(t?"touchend":"mouseup",g)}function d(){e||(e=document.querySelector("#landscapeScreenPlay .plyr__progress__container")),e.addEventListener("mousedown",n),e.addEventListener("touchstart",n)}function r(){e.removeEventListener("mousedown",n),e.removeEventListener("touchstart",n)}return{registerDrag:d,unRegisterDrag:r}}function U(e){return window.TouchEvent&&e instanceof window.TouchEvent}function ie(e,n,d=128){const r=n.getContext("2d"),{width:u,height:s}=n.getBoundingClientRect();n.width=u,n.height=s;let t=null,c=null,g=null;const x=new Uint8Array(d/2),E=(P,M,{lineGap:m,canvWidth:F,canvHeight:ve,canvFillColor:pe,lineColor:Q})=>{if(!M)return;const z=F,X=ve;v(M,z,X,pe);const C=P.length;let l=(z/2-m*C)/C;l<1&&(l=1);const I=z/2,A=X/2;let R=I;for(let p=0;p<C;p++){const w=P[p]/255*A;r.fillStyle=Q,p===0&&(R-=m/2),r.fillRect(R-l,A-w,l,w),r.fillRect(R-l,A,l,w),R-=l+m}let k=I;for(let p=0;p<C;p++){const w=P[p]/255*A;r.fillStyle=Q,p===0&&(k+=m/2),r.fillRect(k,A-w,l,w),r.fillRect(k,A,l,w),k+=l+m}},v=(P,M,m,F)=>{P.clearRect(0,0,M,m),P.fillStyle=F,P.fillRect(0,0,M,m)},y=()=>{requestAnimationFrame(()=>{c==null||c.getByteFrequencyData(x),E(x,r,{lineGap:2,canvWidth:u,canvHeight:s,canvFillColor:"transparent",lineColor:"rgba(255, 255, 255, 0.7)"}),B||y()})};let B=!0;return{playVisualDraw:()=>{t||(t=new AudioContext,g=t.createMediaElementSource(e),c=t.createAnalyser(),c.fftSize=d,g==null||g.connect(c),c.connect(t.destination)),B=!1,y()},pauseVisualDraw:()=>{B=!0}}}function re(e){e.stopPropagation(),O.back()}function ce(e){var n;(n=e.target)!=null&&n.matches("button.plyr__control")||(a.playing?a.pause():a.play())}function ue(){_?j({api:"setRequestedOrientation",content:{orientation:0}}):(b(),window.addEventListener("resize",b))}function b(){requestAnimationFrame(()=>{window.innerWidth>window.innerHeight?h.value=!1:h.value=!0})}const fe=Se();W(fe,e=>{e==="hidden"&&(a==null||a.pause())});function le(){const e=`${Me()}/instrument/#/simple-detail?id=${$}&musicRenderType=staff`;f.staffSrc=e,window.addEventListener("message",n=>{const{api:d,height:r}=n.data;d==="api_musicPage"&&(f.isShow=!0,f.height=r+"px",a.playing&&G())})}function de(){let e=!0;const n=()=>{requestAnimationFrame(()=>{var s,t;(t=(s=S.value)==null?void 0:s.contentWindow)==null||t.postMessage({api:"api_playProgress",content:{currentTime:a.currentTime}},"*"),e||n()})};return{playStaff:()=>{var s,t;f.isShow&&(e=!1,(t=(s=S.value)==null?void 0:s.contentWindow)==null||t.postMessage({api:"api_play"},"*"),n())},pauseStaff:()=>{var s,t;f.isShow&&(e=!0,(t=(s=S.value)==null?void 0:s.contentWindow)==null||t.postMessage({api:"api_paused"},"*"))},updateProgressStaff:s=>{var t,c;f.isShow&&((c=(t=S.value)==null?void 0:t.contentWindow)==null||c.postMessage({api:"api_updateProgress",content:{currentTime:s}},"*"))}}}return xe(()=>{le(),oe(),ue()}),Be(()=>{_?j({api:"setRequestedOrientation",content:{orientation:1}}):window.removeEventListener("resize",b)}),()=>i("div",{id:"landscapeScreenPlay",class:[o.playCreation,h.value&&o.landscapeScreen,!Y.value&&o.notLoaded],onClick:ce},[i("div",{class:o.backBox},[i("img",{class:o.backImg,src:We,onClick:re},null),i("div",{class:o.musicDetail},[i("div",{class:o.musicSheetName},[J]),i("div",{class:o.username},[Z])])]),N==="Audio"?i("div",{class:o.audioBox},[i("canvas",{class:o.audioVisualizer,id:"audioVisualizer"},null),i(Ee,{ref:T,class:o.audioBga,animationData:De,autoPlay:!1,loop:!0},null),i("audio",{crossorigin:"anonymous",id:"audioMediaSrc",src:L,controls:"false",preload:"metadata",playsinline:!0},null)]):i("video",{id:"videoMediaSrc",class:o.videoBox,src:L,"data-poster":Ce,preload:"metadata",playsinline:!0},null),i("div",{class:[o.playLarge,V.value&&o.playIngShow]},null),f.staffSrc&&i("div",{class:[o.staffBox,f.isShow&&o.staffBoxShow],style:{"--staffBoxHeight":f.height}},[i("div",{class:o.mask},null),i("iframe",{ref:S,class:o.staff,frameborder:"0",src:f.staffSrc},null)])])}});export{et as default};
|
