| 12 |
- System.register(["./index-legacy-e28491f2.js","./plyr.min-legacy-2197a4aa.js"],(function(e,t){"use strict";var n,i,l,a,o,r,s,d,c,m,_,u,p,g,v,h,f,y,A,w,x,b,P,C,k,E,I,R,q,T,B,S,N,F,M,L,U,D,Q,H,J,j,O,K,z,G=document.createElement("style");return G.textContent="._skeleton_1lq3l_1{position:fixed;left:0;top:0;width:100vw;height:100vh;padding:.53333rem .8rem;background-color:#fff;z-index:10;--van-skeleton-paragraph-height: .8rem}._detail_1lq3l_12{width:100vw;height:100vh;overflow:hidden;--header-height: 1.65333rem;background:var(--container-background)}._detail_1lq3l_12 ._headHeight_1lq3l_19{position:fixed;left:0;top:0;width:100%;height:var(--header-height);transition:margin .3s;z-index:10}._detail_1lq3l_12 ._headHeight_1lq3l_19._headHide_1lq3l_28{margin-top:calc(0Px - var(--header-height))}._detail_1lq3l_12 ._container_1lq3l_31{position:relative;height:100vh;margin:0 .26667rem;border-radius:.26667rem;padding-top:calc(var(--header-height) + .53333rem);overflow-x:hidden;overflow-y:auto}._detail_1lq3l_12 ._container_1lq3l_31::-webkit-scrollbar{width:0;display:none}._detail_1lq3l_12 ._container_1lq3l_31 #musicAndSelection{overflow:auto}._shareBox_1lq3l_47{background-color:#f8f2e8}._shareBox_1lq3l_47 #cursorImg-0{display:none!important}._shareBox_1lq3l_47 #selectionBox{pointer-events:none}._demos_1lq3l_56{position:fixed;top:var(--header-height);right:.26667rem;display:flex;justify-content:flex-end;align-items:center;padding:.16rem .26667rem;border-radius:.53333rem;background-color:#e2f6f1;z-index:1}._demos_1lq3l_56>div{display:flex;align-items:center;margin-right:.16rem}._demos_1lq3l_56>div>span{margin-left:.10667rem}._right_1lq3l_76 path{fill:#01c1b5;stroke:#01c1b5}._wrong_1lq3l_80 path{fill:#f44;stroke:#f44}._notPlay_1lq3l_84 path{fill:#000;stroke:#000}._cadence_wrong_1lq3l_88 path{fill:#067dd7;stroke:#067dd7}._intonation_wrong_1lq3l_92 path{fill:#ffab25;stroke:#ffab25}._integrity_wrong_1lq3l_96 path{fill:#cc75ff;stroke:#cc75ff}._headerTop_1m5my_1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;flex-shrink:0;padding:.21333rem .26667rem;padding-bottom:0}._back_1m5my_11{display:flex;align-items:center;height:100%;padding:0 .29333rem 0 .16rem}._back_1m5my_11 img{display:block;width:.85333rem;height:.85333rem}._left_1m5my_22,._center_1m5my_26{display:flex;align-items:center}._center_1m5my_26 ._cItem_1m5my_30{text-align:center;padding:0 .32rem;white-space:nowrap}._center_1m5my_26 ._cItem_1m5my_30>div:first-child{font-size:.32rem;color:#333;line-height:.37333rem;margin-bottom:.16rem;font-weight:700}._center_1m5my_26 ._cItem_1m5my_30>div:last-child{font-size:.32rem;color:#777;line-height:.32rem;padding:.10667rem .21333rem;border-radius:.37333rem}._center_1m5my_26 ._cItem_1m5my_30:not(:last-child){border-right:.02667rem solid #EBDABF}._center_1m5my_26 ._active_1m5my_52>div:first-child{color:#ff8057!important}._right_1m5my_55{display:flex;align-items:center}._right_1m5my_55 ._btn_1m5my_59{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.29333rem;line-height:.42667rem;font-weight:400;padding:0 .16rem}._right_1m5my_55 ._btn_1m5my_59 ._iconBtn_1m5my_70{display:block;width:.66667rem;height:.66667rem}._right_1m5my_55 ._btn_1m5my_59 span{white-space:nowrap}._right_1m5my_55 ._btn_1m5my_59 ._btnWrap_1m5my_78{position:relative;width:.66667rem;height:.66667rem}._popup_1m5my_83{--plyr-color-main: var(--van-primary-color)}._popup_1m5my_83 .van-popup__close-icon{top:0;right:-.8rem;background-color:#fff;border-radius:50%;padding:.10667rem;font-size:.42667rem;color:var(--van-primary-color)}._audiobox_1m5my_95{width:40vw}._audiobox_1m5my_95 .plyr{border-radius:.53333rem;width:100%}._videobox_1m5my_102{display:flex;align-items:center;width:80vw;height:80vh}._videobox_1m5my_102 .plyr{border-radius:.26667rem;width:100%;height:100%}._container_1g67n_1{width:20vw;height:.82667rem;background:#fff;display:flex;align-items:center;border-radius:.48rem;padding:.16rem}._container_1g67n_1 ._noticeBar_1g67n_10{flex:1;padding:0 .16rem}._icon_1g67n_14{width:.69333rem;height:.69333rem;flex-shrink:0}._status_1g67n_19{margin-left:auto;flex-shrink:0}:root{--van-primary-color: #ff8057;--color-primary: #ff8057;--active-stave-box: rgba(255, 159, 88, .19)}.vf-StaveSection{display:none}\n",document.head.appendChild(G),{setters:[e=>{n=e.r,i=e.d,l=e.g,a=e.o,o=e.s,r=e.aM,s=e.a,d=e.c,c=e.e,m=e.f,_=e.h,u=e.T,p=e.R,g=e.F,v=e.i,h=e.j,f=e.N,y=e.U,A=e.n,w=e.l,x=e.m,b=e.k,P=e.P,C=e.a8,k=e.as,E=e.ad,I=e.ae,R=e.af,q=e.ag,T=e.ah,B=e.ai,S=e.al,N=e.am,F=e.an,M=e.ao,L=e.ac,U=e.ap,D=e.at,Q=e.au,H=e.av,J=e.aw,j=e.ax,O=e.ay,K=e.az},e=>{z=e.P}],execute:function(){const e=i({name:"App",setup(){const e=l(),t=async()=>"WEB"===_.platformType||"TEACHER"===_.platformType?await n.get("/user/getUserInfo"):await(async()=>await n.get("/user/getUserInfo"))();a((async()=>{if(e.Authorization)o(e.Authorization);else{const e=await r({api:"getToken"}),t=null==e?void 0:e.content;null!=t&&t.accessToken&&o(t.tokenType+" "+t.accessToken),console.log(t.tokenType+" "+t.accessToken)}(async()=>{const e=await t(),n=(null==e?void 0:e.data)||{};v(n)})(),s(h())})),d((()=>{const e=document.getElementById("loading");e&&document.body.removeChild(e)}));const i=c((()=>"login"===_.status));return()=>m(g,null,["error"===_.status?m(u,null,null):i.value?m(p,null,null):null])}}),G="_skeleton_1lq3l_1",W="_detail_1lq3l_12",V="_headHeight_1lq3l_19",Y="_headHide_1lq3l_28",X="_container_1lq3l_31",Z="_shareBox_1lq3l_47",$="_demos_1lq3l_56",ee="_right_1lq3l_76",te="_wrong_1lq3l_80",ne="_notPlay_1lq3l_84",ie="_cadence_wrong_1lq3l_88",le="_intonation_wrong_1lq3l_92",ae="_integrity_wrong_1lq3l_96",oe={headerTop:"_headerTop_1m5my_1",back:"_back_1m5my_11",left:"_left_1m5my_22",center:"_center_1m5my_26",cItem:"_cItem_1m5my_30",active:"_active_1m5my_52",right:"_right_1m5my_55",btn:"_btn_1m5my_59",iconBtn:"_iconBtn_1m5my_70",btnWrap:"_btnWrap_1m5my_78",popup:"_popup_1m5my_83",audiobox:"_audiobox_1m5my_95",videobox:"_videobox_1m5my_102"},re="_container_1g67n_1",se="_noticeBar_1g67n_10",de="_status_1g67n_19",ce=""+new URL("arrow-c0b252e8.svg",t.meta.url).href,me=i({name:"detail-title",props:{text:{type:String,default:""},rightView:{type:Boolean,default:!0},onClick:{type:Function}},render(){return m("div",{class:re},[m(f,{text:this.text,color:"#000",class:se,background:"none"},null),this.rightView?m("img",{class:de,src:ce},null):null])}}),_e=""+new URL("icon-back-a96b2fe2.png",t.meta.url).href,ue=""+new URL("videobg-2d19d627.png",t.meta.url).href,pe=i({name:"header-top",props:{scoreData:{type:Object,default:()=>({})}},setup(e){const{scoreData:t}=y(e),n=A({show:!1,isInitPlyr:!1,_plrl:null}),i={BEGINNER:"入门级",ADVANCED:"进阶级",PERFORMER:"大师级"},l=w("intonation"),a=()=>{C()},o=c((()=>{const e=(t.value.videoFilePath||"").split(".").pop();return"wav"===e||"mp3"===e?"audio":"video"})),r=()=>{n.show=!0,n.isInitPlyr||k((()=>{const e="audio"===o.value?"#audioSrc":"#videoSrc";n._plrl=new z(e,{controls:["play-large","play","progress","current-time"],fullscreen:{enabled:!1}}),n.isInitPlyr=!0}))};return()=>m("div",{class:oe.headerTop},[m("div",{class:oe.left},[m("div",{class:oe.back,onClick:a},[m("img",{src:_e},null)]),m(me,{text:x.examSongName,rightView:!1},null)]),m("div",{class:oe.center},[m("div",{class:oe.cItem},[m("div",null,[i[t.value.heardLevel]]),m("div",null,[b("难度")])]),m("div",{class:oe.cItem},[m("div",null,[t.value.score,b("分")]),m("div",null,[b("评测分数")])]),x.isPercussion?null:m(g,null,[m("div",{onClick:()=>{},class:[oe.cItem,"intonation"===l.value&&oe.active]},[m("div",null,[t.value.intonation,b("分")]),m("div",null,[b("音准")])]),m("div",{onClick:()=>{},class:[oe.cItem,"cadence"===l.value&&oe.active]},[m("div",{style:{color:"#FF4E19"}},[t.value.cadence,b("分")]),m("div",null,[b("节奏")])]),m("div",{onClick:()=>{},class:[oe.cItem,"integrity"===l.value&&oe.active]},[m("div",{style:{color:"#4EA1FF"}},[t.value.integrity,b("分")]),m("div",null,[b("完成度")])])])]),m("div",{class:oe.right},[m("div",{style:{display:t.value.videoFilePath?"":"none"},class:oe.btn,onClick:r},[m("img",{class:oe.iconBtn,src:"data:image/png;base64,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"},null),m("span",null,[b("回放")])])]),m(P,{teleport:"body",class:["popup-custom","van-scale",oe.popup],transition:"van-scale",show:n.show,"onUpdate:show":e=>n.show=e,closeable:!0,onClose:()=>{var e;null===(e=n._plrl)||void 0===e||e.pause()}},{default:()=>["audio"===o.value&&m("div",{class:oe.audiobox},[m("audio",{id:"audioSrc",src:t.value.videoFilePath,controls:"false",preload:"metadata",playsinline:!0},null)]),"video"===o.value&&m("div",{class:oe.videobox},[m("video",{id:"videoSrc",class:oe.videoBox,src:t.value.videoFilePath,"data-poster":ue,preload:"metadata",playsinline:!0},null)])]})])}}),ge=i({name:"NoteSvg",props:{fill:String},render(){return m("svg",{width:"7px",height:"23px",viewBox:"0 0 7 23",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[m("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[m("g",{transform:"translate(-55.000000, -24.000000)"},[m("g",{transform:"translate(55.000000, 24.000000)",fill:this.fill},[m("path",{d:"M1.95251677,0.68258909 C3.68583115,-0.400505943 5.78379192,-0.169765229 6.63844331,1.1979629 C7.4930947,2.56569103 6.78079761,4.55247575 5.04748323,5.63557079 C3.85503595,6.38069455 2.49000663,6.50399819 1.47594704,6.06306368 L1.47635248,22.0768926 L0.0162402201,22.0768926 L0.0154715991,4.11169688 C-0.117424115,2.8976469 0.612367024,1.52000759 1.95251677,0.68258909 Z",id:"形状结合",transform:"translate(3.500000, 11.038446) scale(-1, -1) translate(-3.500000, -11.038446) "},null)])])])])}}),ve={RIGHT:ee,WRONG:te,NOT_PLAY:ne,CADENCE_WRONG:ie,INTONATION_WRONG:le,INTEGRITY_WRONG:ae},he=i({name:"music-list",setup(){const e=l(),t=A({videoFilePath:"",cadence:0,integrity:0,intonation:0,score:0,heardLevel:""}),i=A({isLoading:!0,paddingLeft:"",headerHide:!1,musicalNotesPlayStats:[],userMeasureScore:{}});a((()=>{(async()=>{const e=await S();if(null!=e&&e.content){const{isSpecialShapedScreen:t,notchHeight:n}=e.content;t&&(i.paddingLeft="25px")}i.paddingLeft="20px"})(),E()}));const o=(e,t)=>{if(x.scrollContainer="scrollContainer",x.detailId=e.id,x.xmlUrl=e.xmlFileUrl,x.partIndex=t,x.subjectId=e.musicSubject,x.categoriesId=e.categoriesId,x.categoriesName=e.musicTagNames,x.enableEvaluation=!!e.canEvaluate,x.examSongId=e.id+"",x.examSongName=e.musicSheetName,e.extConfigJson)try{x.extConfigJson=JSON.parse(e.extConfigJson)}catch(n){console.error("解析扩展字段错误:",n)}x.isOpenMetronome="MP3_METRONOME"===e.mp3Type,x.needTick=e.isOpenMetronome,x.isShowFingering=!!e.showFingering,x.music=e.audioFileUrl,x.accompany=e.metronomeUrl||e.metronomeUrl,x.midiUrl=e.midiUrl,x.parentCategoriesId=e.musicTag,x.playMode="MP3"===e.audioType?"MP3":"MIDI",x.originSpeed=x.speed=e.speed,x.track=e.track,x.enableNotation=!!e.notation,x.subjectId=N(x.subjectId,"ORCHESTRA"),x.isPercussion=23==x.subjectId||113==x.subjectId||121==x.subjectId||F(),x.fingeringInfo=M(x.subjectId)},r=()=>{x.extConfigJson.multitrack&&L("multitrack",x.extConfigJson.multitrack)};d((async()=>{var l,a,s,d,c,m;window.appName="colexiu";const _=await(u=e.id,n.get("/musicPracticeRecord/getLastEvaluationMusicalNotesPlayStats",{params:{recordId:u}}));var u,p;x.partIndex=Number(null==_||null===(l=_.data)||void 0===l?void 0:l.partIndex),i.musicalNotesPlayStats=(null==_||null===(a=_.data)||void 0===a||null===(s=a.musicalNotesPlayStats)||void 0===s?void 0:s.notesData)||[],i.userMeasureScore=(null==_||null===(d=_.data)||void 0===d?void 0:d.userMeasureScore)||{};for(let e in t){var g;t[e]=null==_||null===(g=_.data)||void 0===g?void 0:g[e]}Promise.all([(p=null==_||null===(c=_.data)||void 0===c||null===(m=c.musicalNotesPlayStats)||void 0===m?void 0:m.examSongId,n.get("/musicSheet/detail/"+p))]).then((e=>{(e=>{const t=x.partIndex,n={...e.data,...e.data.background[t]};o(n,t),r(),i.isLoading=!1})(e[0])}))}));const s=e=>{x.musicRendered=!0,x.osmd=e,x.times=U(e),console.log("🚀 ~ state.times:",x.times),(()=>{for(const e of i.musicalNotesPlayStats){const t=x.times[e.musicalNotesIndex],n=document.getElementById("vf-"+t.id);null==n||n.classList.add(ve[e.musicalErrorType])}})(),(()=>{for(let e in i.userMeasureScore)Q(i.userMeasureScore[e],!1)})(),D()};return d((()=>{window.addEventListener("resize",I)})),R((()=>{window.removeEventListener("resize",I)})),()=>m("div",{class:[Z,W,x.setting.eyeProtection&&"eyeProtection"],style:{paddingLeft:i.paddingLeft}},[!x.musicRendered&&m("div",{class:G},[m(q,{class:G,row:8},null)]),m("div",{class:[V,i.headerHide&&Y],onClick:e=>e.stopPropagation()},[m(T,{name:"van-slide-down"},{default:()=>[x.musicRendered&&m(pe,{scoreData:t},null)]})]),m("div",{id:"scrollContainer",class:[X,!x.setting.displayCursor&&"hideCursor"]},[m("div",{class:$},[m("div",null,[m(ge,{fill:"#01C1B5"},null),m("span",null,[b("演奏正确")])]),m("div",null,[m(ge,{fill:"#067DD7"},null),m("span",null,[b("节奏错误")])]),x.isPercussion?null:m(g,null,[m("div",null,[m(ge,{fill:"#FFAB25"},null),m("span",null,[b("音准错误")])]),m("div",null,[m(ge,{fill:"#CC75FF"},null),m("span",null,[b("完成度不足")])])]),m("div",null,[m(ge,{fill:"#000"},null),m("span",null,[b("未演奏")])])]),!i.isLoading&&m(B,{onRendered:s},null)])])}}),fe=[{path:"/",component:he},{path:"/:pathMatch(.*)*",component:j,meta:{title:"404 Not Fund"}}],ye=H({history:J(),routes:fe});!function(){const e=navigator.userAgent;O({isApp:e.includes("ORCHESTRAAPPI")||e.includes("ORCHESTRAAPPA"),platformApi:e.includes("ORCHESTRATEACHER")?"/api-teacher":e.includes("ORCHESTRASTUDENT")?"/api-student":"/api-backend",platformType:e.includes("ORCHESTRATEACHER")?"TEACHER":e.includes("ORCHESTRASTUDENT")?"STUDENT":"WEB",proxy:""})}(),K(e).use(ye).mount("#app")}}}));
|
