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