| 1 |
- !function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var i=0,o=function(){};return{s:o,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,u=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return l=e.done,e},e:function(e){u=!0,a=e},f:function(){try{l||null==r.return||r.return()}finally{if(u)throw a}}}}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function o(t,n,r){return(n=function(t){var n=function(t,n){if("object"!==e(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var i=r.call(t,n||"default");if("object"!==e(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"===e(n)?n:String(n)}(n))in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}function a(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */a=function(){return t};var t={},n=Object.prototype,r=n.hasOwnProperty,i=Object.defineProperty||function(e,t,n){e[t]=n.value},o="function"==typeof Symbol?Symbol:{},l=o.iterator||"@@iterator",u=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(E){s=function(e,t,n){return e[t]=n}}function d(e,t,n,r){var o=t&&t.prototype instanceof m?t:m,a=Object.create(o.prototype),l=new j(r||[]);return i(a,"_invoke",{value:S(e,n,l)}),a}function h(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(E){return{type:"throw",arg:E}}}t.wrap=d;var f={};function m(){}function v(){}function _(){}var p={};s(p,l,(function(){return this}));var y=Object.getPrototypeOf,g=y&&y(y(O([])));g&&g!==n&&r.call(g,l)&&(p=g);var b=_.prototype=m.prototype=Object.create(p);function w(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function x(t,n){function o(i,a,l,u){var c=h(t[i],t,a);if("throw"!==c.type){var s=c.arg,d=s.value;return d&&"object"==e(d)&&r.call(d,"__await")?n.resolve(d.__await).then((function(e){o("next",e,l,u)}),(function(e){o("throw",e,l,u)})):n.resolve(d).then((function(e){s.value=e,l(s)}),(function(e){return o("throw",e,l,u)}))}u(c.arg)}var a;i(this,"_invoke",{value:function(e,t){function r(){return new n((function(n,r){o(e,t,n,r)}))}return a=a?a.then(r,r):r()}})}function S(e,t,n){var r="suspendedStart";return function(i,o){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===i)throw o;return L()}for(n.method=i,n.arg=o;;){var a=n.delegate;if(a){var l=P(a,n);if(l){if(l===f)continue;return l}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var u=h(e,t,n);if("normal"===u.type){if(r=n.done?"completed":"suspendedYield",u.arg===f)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(r="completed",n.method="throw",n.arg=u.arg)}}}function P(e,t){var n=t.method,r=e.iterator[n];if(void 0===r)return t.delegate=null,"throw"===n&&e.iterator.return&&(t.method="return",t.arg=void 0,P(e,t),"throw"===t.method)||"return"!==n&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+n+"' method")),f;var i=h(r,e.iterator,t.arg);if("throw"===i.type)return t.method="throw",t.arg=i.arg,t.delegate=null,f;var o=i.arg;return o?o.done?(t[e.resultName]=o.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,f):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function k(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function F(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(k,this),this.reset(!0)}function O(e){if(e){var t=e[l];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,i=function t(){for(;++n<e.length;)if(r.call(e,n))return t.value=e[n],t.done=!1,t;return t.value=void 0,t.done=!0,t};return i.next=i}}return{next:L}}function L(){return{value:void 0,done:!0}}return v.prototype=_,i(b,"constructor",{value:_,configurable:!0}),i(_,"constructor",{value:v,configurable:!0}),v.displayName=s(_,c,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,_):(e.__proto__=_,s(e,c,"GeneratorFunction")),e.prototype=Object.create(b),e},t.awrap=function(e){return{__await:e}},w(x.prototype),s(x.prototype,u,(function(){return this})),t.AsyncIterator=x,t.async=function(e,n,r,i,o){void 0===o&&(o=Promise);var a=new x(d(e,n,r,i),o);return t.isGeneratorFunction(n)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},w(b),s(b,c,"Generator"),s(b,l,(function(){return this})),s(b,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=O,j.prototype={constructor:j,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(F),!e)for(var t in this)"t"===t.charAt(0)&&r.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function n(n,r){return a.type="throw",a.arg=e,t.next=n,r&&(t.method="next",t.arg=void 0),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var o=this.tryEntries[i],a=o.completion;if("root"===o.tryLoc)return n("end");if(o.tryLoc<=this.prev){var l=r.call(o,"catchLoc"),u=r.call(o,"finallyLoc");if(l&&u){if(this.prev<o.catchLoc)return n(o.catchLoc,!0);if(this.prev<o.finallyLoc)return n(o.finallyLoc)}else if(l){if(this.prev<o.catchLoc)return n(o.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return n(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var i=this.tryEntries[n];if(i.tryLoc<=this.prev&&r.call(i,"finallyLoc")&&this.prev<i.finallyLoc){var o=i;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var a=o?o.completion:{};return a.type=e,a.arg=t,o?(this.method="next",this.next=o.finallyLoc,f):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),f},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),F(n),f}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var i=r.arg;F(n)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:O(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),f}},t}function l(e,t,n,r,i,o,a){try{var l=e[o](a),u=l.value}catch(c){return void n(c)}l.done?t(u):Promise.resolve(u).then(r,i)}function u(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var o=e.apply(t,n);function a(e){l(o,r,i,a,u,"next",e)}function u(e){l(o,r,i,a,u,"throw",e)}a(void 0)}))}}System.register(["./index-legacy-cc74df15.js","./instrument-legacy-25fe24ac.js","./plyr.min-legacy-2681f134.js","./index-legacy-b8090c78.js","./vue3-lottie.es-legacy-6072aba2.js","./index-legacy-2b461978.js","./index-legacy-ca041413.js"],(function(e,n){"use strict";var r,o,l,c,s,d,h,f,m,v,_,p,y,g,b,w,x,S,P,k,F,j,O,L,E,I,N,C,T,A,B,R,M,G,U=document.createElement("style");return U.textContent="._skeleton_vbtuh_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_vbtuh_12{width:100vw;min-height:100vh;--header-height: 1.65333rem;background:#f8f2e8}._detail_vbtuh_12 #cursorImg-0{display:none!important}._detail_vbtuh_12 #selectionBox{pointer-events:none}._detail_vbtuh_12 ._headHeight_vbtuh_24{position:fixed;left:0;top:0;width:100%;height:var(--header-height);transition:margin .3s;z-index:10}._detail_vbtuh_12 ._headHeight_vbtuh_24._headHide_vbtuh_33{margin-top:calc(0Px - var(--header-height))}._detail_vbtuh_12 ._container_vbtuh_36{position:relative;margin:0 .26667rem;border-radius:.26667rem;padding-top:calc(var(--header-height) + 1.44rem)}._detail_vbtuh_12 ._container_vbtuh_36 #musicAndSelection{overflow:initial;height:initial;max-height:initial}._detail_vbtuh_12 ._container_vbtuh_36 #musicAndSelection>#osmdCanvasPage1{position:relative!important}._musicName_vbtuh_50{font-size:.69333rem;font-weight:400;color:#000;line-height:.98667rem;text-align:center}._right_vbtuh_57 path{fill:#01c1b5;stroke:#01c1b5}._wrong_vbtuh_61 path{fill:#f44;stroke:#f44}._notPlay_vbtuh_65 path{fill:#000;stroke:#000}._intonation_wrong_vbtuh_69 path{fill:#ffab25;stroke:#ffab25}._cadence_wrong_vbtuh_73 path{fill:#f44;stroke:#f44}._integrity_wrong_vbtuh_77 path{fill:#cc75ff;stroke:#cc75ff}._headerTop_mou4y_1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;flex-shrink:0;padding:.21333rem .26667rem;background-color:#fff}._android_mou4y_11{padding-top:.53333rem}._back_mou4y_14{display:flex;justify-content:center;align-items:center;padding:0 .8rem;height:100%}._back_mou4y_14 img{display:block;width:.4rem;height:.64rem}._disabled_mou4y_26{opacity:0;pointer-events:none}._left_mou4y_30{display:flex;align-items:center}._center_mou4y_34{display:flex;align-items:center;margin:0 auto}._center_mou4y_34 ._cItem_mou4y_39{text-align:center;padding:0 .32rem;white-space:nowrap}._center_mou4y_34 ._cItem_mou4y_39>div:first-child{font-size:.32rem;color:#333;line-height:.37333rem;margin-bottom:.16rem;font-weight:700}._center_mou4y_34 ._cItem_mou4y_39>div:last-child{font-size:.32rem;color:#777;line-height:.32rem;padding:.10667rem .21333rem;border-radius:.37333rem}._center_mou4y_34 ._cItem_mou4y_39:not(:last-child){border-right:.02667rem solid #EBDABF}._center_mou4y_34 ._active_mou4y_61>div:first-child{color:var(--van-primary-color)!important}._center_mou4y_34 ._active_mou4y_61>div:last-child{background-color:#ecf9ff;color:var(--van-primary-color)}._right_mou4y_68{display:flex;align-items:center}._right_mou4y_68 ._btn_mou4y_72{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.26667rem;line-height:.37333rem;font-weight:400;padding:0 .16rem;color:#999}._right_mou4y_68 ._btn_mou4y_72 ._iconBtn_mou4y_84{display:block;width:.88rem;height:.88rem}._right_mou4y_68 ._btn_mou4y_72 span{margin-top:.05333rem;white-space:nowrap}._right_mou4y_68 ._btn_mou4y_72 ._btnWrap_mou4y_93{position:relative;width:.66667rem;height:.66667rem}._popup_mou4y_98{--plyr-color-main: var(--van-primary-color)}._popup_mou4y_98 .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_mou4y_110{width:40vw}._audiobox_mou4y_110 .plyr{border-radius:.53333rem;width:100%}._videobox_mou4y_117{display:flex;align-items:center;width:80vw;height:80vh}._videobox_mou4y_117 .plyr{border-radius:.26667rem;width:100%;height:100%}._demos_mou4y_128{position:fixed;top:calc(var(--header-height) + .21333rem);right:.53333rem;display:flex;justify-content:flex-end;align-items:center;height:.96rem;padding:0 .37333rem;border-radius:.48rem;background-color:#e2f6f1;z-index:1}._demos_mou4y_128>div{display:flex;align-items:center;margin-right:.16rem}._demos_mou4y_128>div>span{margin-left:.10667rem}._shiyiPopup_mou4y_149{background:#fff;border-radius:.53333rem;width:80vw;max-width:11.2rem;padding:.53333rem}._shiyiTitle_mou4y_156{font-size:.42667rem;color:#333;font-weight:400;text-align:center}._items_mou4y_162{display:flex;flex-wrap:wrap}._items_mou4y_162 ._item_mou4y_162{width:50%;display:flex;align-items:center;padding:.18667rem 0}._items_mou4y_162 ._item_mou4y_162 span{margin-left:.32rem}._items_mou4y_162 ._item_mou4y_162 svg{visibility:visible}\n",document.head.appendChild(U),{setters:[function(e){r=e.d,o=e.j,l=e.a0,c=e.aj,s=e.V,d=e.r,h=e.s,f=e.N,m=e.S,v=e.U,_=e.O,p=e.a5,y=e.az,g=e.A,b=e.F,w=e.G,x=e.aE,S=e.M,P=e.aF,k=e.aG,F=e.aI,j=e.aH,O=e.aJ,L=e.aM,E=e.aN,I=e.aO,N=e.aP,C=e.aD,T=e.aQ,A=e.aT,B=e.aU},function(e){R=e.a,M=e.b},function(e){G=e.P},null,null,null,null],execute:function(){var U={skeleton:"_skeleton_vbtuh_1",detail:"_detail_vbtuh_12",headHeight:"_headHeight_vbtuh_24",headHide:"_headHide_vbtuh_33",container:"_container_vbtuh_36",musicName:"_musicName_vbtuh_50",right:"_right_vbtuh_57",wrong:"_wrong_vbtuh_61",notPlay:"_notPlay_vbtuh_65",intonation_wrong:"_intonation_wrong_vbtuh_69",cadence_wrong:"_cadence_wrong_vbtuh_73",integrity_wrong:"_integrity_wrong_vbtuh_77"},D={headerTop:"_headerTop_mou4y_1",android:"_android_mou4y_11",back:"_back_mou4y_14",disabled:"_disabled_mou4y_26",left:"_left_mou4y_30",center:"_center_mou4y_34",cItem:"_cItem_mou4y_39",active:"_active_mou4y_61",right:"_right_mou4y_68",btn:"_btn_mou4y_72",iconBtn:"_iconBtn_mou4y_84",btnWrap:"_btnWrap_mou4y_93",popup:"_popup_mou4y_98",audiobox:"_audiobox_mou4y_110",videobox:"_videobox_mou4y_117",demos:"_demos_mou4y_128",shiyiPopup:"_shiyiPopup_mou4y_149",shiyiTitle:"_shiyiTitle_mou4y_156",items:"_items_mou4y_162",item:"_item_mou4y_162"},H=""+new URL("icon-back-2cf38e60.svg",n.meta.url).href,z=""+new URL("icon-shiyi-ba387160.svg",n.meta.url).href,J=""+new URL("icon-huifang-4d7bf6f9.svg",n.meta.url).href,W=""+new URL("videobg-2d19d627.png",n.meta.url).href,Y=r({name:"NoteSvg",props:{fill:String,shadow:{type:Boolean,defalut:!1},shadowFill:{type:String,default:""},x:{type:Number,default:0},y:{type:Number,default:0}},render:function(){return o("svg",{width:"14",height:"24",viewBox:"0 0 14 24"},[o("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[o("rect",{x:"0",y:"0",width:"14",height:"24"},null),o("g",{fill:this.fill},[this.shadow&&o("ellipse",{fill:this.shadowFill||this.fill,transform:"translate(4.685927, 18.917813) scale(-1, -1) rotate(-32.000000) translate(".concat(this.x+-4.685927,", ").concat(this.y+-18.917813,")"),cx:"4.68592654",cy:"18.9178127",rx:"3.70078457",ry:"2.92022453"},null),o("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",transform:"scale(-1, -1) translate(-10, -23) "},null)])])])}}),V=r({name:"header-top",props:{scoreData:{type:Object,default:function(){return{}}}},setup:function(e){var t=l(),n=c(e).scoreData,r=s({show:!1,shiyiShow:!1,isInitPlyr:!1,_plrl:null}),i={BEGINNER:"入门级",ADVANCED:"进阶级",PERFORMER:"大师级"},a=d("intonation"),u=function(){y()},b=function(e){a.value=e},w=h((function(){var e=(n.value.videoFilePath||"").split(".").pop();return"wav"===e||"mp3"===e?"audio":"video"})),x=function(){r.show=!0,r.isInitPlyr||g((function(){var e="audio"===w.value?"#audioSrc":"#videoSrc";r._plrl=new G(e,{controls:["play-large","play","progress","current-time"],fullscreen:{enabled:!1}}),r.isInitPlyr=!0}))};return function(){return o("div",{class:[D.headerTop,t.android&&D.android]},[o("div",{class:[D.back,!f.isApp&&D.disabled],onClick:u},[o("img",{src:H},null)]),o("div",{class:D.center},[o("div",{class:D.cItem},[o("div",null,[i[n.value.heardLevel]]),o("div",null,[m("难度")])]),o("div",{class:D.cItem},[o("div",null,[n.value.score,m("分")]),o("div",null,[m("评测分数")])]),v.isPercussion?null:o(_,null,[o("div",{onClick:function(){return b("intonation")},class:[D.cItem,"intonation"===a.value&&D.active]},[o("div",{style:{color:"rgb(45, 199, 170)"}},[n.value.intonation,m("分")]),o("div",null,[m("音准")])]),o("div",{onClick:function(){return b("cadence")},class:[D.cItem,"cadence"===a.value&&D.active]},[o("div",{style:{color:"#FF4E19"}},[n.value.cadence,m("分")]),o("div",null,[m("节奏")])]),o("div",{onClick:function(){return b("integrity")},class:[D.cItem,"integrity"===a.value&&D.active]},[o("div",{style:{color:"rgb(255, 196, 89)"}},[n.value.integrity,m("分")]),o("div",null,[m("完成度")])])])]),o("div",{class:D.right},[o("div",{style:{display:n.value.videoFilePath?"":"none"},class:D.btn,onClick:x},[o("img",{class:D.iconBtn,src:J},null),o("span",null,[m("回放")])]),o("div",{class:D.btn,onClick:function(){return r.shiyiShow=!0}},[o("img",{class:D.iconBtn,src:z},null),o("span",null,[m("释义")])])]),v.isPercussion?null:o("div",{class:D.demos},[o("div",null,[o(Y,{fill:"#01C1B5"},null),o("span",null,[m("演奏正确")])]),"intonation"===a.value&&o(_,null,[o("div",null,[o(Y,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FFAB25",shadow:!0,x:-2,y:0},null),o("span",null,[m("音高了")])]),o("div",null,[o(Y,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),o("span",null,[m("音低了")])])]),"cadence"===a.value&&o(_,null,[o("div",null,[o(Y,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FF4444",shadow:!0,x:.5,y:-1},null),o("span",null,[m("节奏过快")])]),o("div",null,[o(Y,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FF4444",shadow:!0,x:-3,y:-2.5},null),o("span",null,[m("节奏慢了")])])]),"integrity"===a.value&&o("div",null,[o(Y,{fill:"#CC75FF"},null),o("span",null,[m("完成度不足")])]),o("div",null,[o(Y,{fill:"#000"},null),o("span",null,[m("未演奏")])])]),o(p,{teleport:"body",class:["popup-custom","van-scale",D.popup],transition:"van-scale",show:r.show,"onUpdate:show":function(e){return r.show=e},closeable:!0,onClose:function(){var e;null===(e=r._plrl)||void 0===e||e.pause()}},{default:function(){return["audio"===w.value&&o("div",{class:D.audiobox},[o("audio",{id:"audioSrc",src:n.value.videoFilePath,controls:"false",preload:"metadata",playsinline:!0},null)]),"video"===w.value&&o("div",{class:D.videobox},[o("video",{id:"videoSrc",class:D.videoBox,src:n.value.videoFilePath,"data-poster":W,preload:"metadata",playsinline:!0},null)])]}}),o(p,{show:r.shiyiShow,"onUpdate:show":function(e){return r.shiyiShow=e},class:"popup-custom van-scale center-closeBtn",transition:"van-scale",teleport:"body",closeable:!0},{default:function(){return[o("div",{class:D.shiyiPopup},[o("div",{class:D.shiyiTitle},[m("图标释义")]),o("div",{class:D.items},[o("div",{class:D.item},[o(Y,{fill:"#01C1B5"},null),o("span",null,[m("绿色音符:演奏正确")])]),o("div",{class:D.item},[o(Y,{fill:"#FF4444"},null),o("span",null,[m("红色音符:错音")])]),o("div",{class:D.item},[o(Y,{fill:"#CC75FF"},null),o("span",null,[m("紫色音符:完成度不足")])]),o("div",{class:D.item},[o(Y,{fill:"#AEAEAE"},null),o("span",null,[m("灰色音符:未演奏")])]),o("div",{class:D.item},[o(Y,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FF4444",shadow:!0,x:.5,y:-1},null),o("span",null,[m("音符重影(红色在前):节奏过快")])]),o("div",{class:D.item},[o(Y,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FF4444",shadow:!0,x:-3,y:-2.5},null),o("span",null,[m("音符重影(红色在后):节奏慢了")])]),o("div",{class:D.item},[o(Y,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FFAB25",shadow:!0,x:-2,y:0},null),o("span",null,[m("音符重影(黄色在上):音高了")])]),o("div",{class:D.item},[o(Y,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),o("span",null,[m("音符重影(黄色在下):音低了")])])])])]}})])}}}),Q={RIGHT:U.right,WRONG:U.wrong,NOT_PLAY:U.notPlay,CADENCE_WRONG:U.cadence_wrong,INTONATION_WRONG:U.intonation_wrong,INTEGRITY_WRONG:U.integrity_wrong};e("default",r({name:"music-list",setup:function(){var e=b(),n=s({videoFilePath:"",cadence:0,integrity:0,intonation:0,score:0,heardLevel:""}),r=s({isLoading:!0,paddingLeft:"",headerHide:!1,musicalNotesPlayStats:[],userMeasureScore:{}}),l=function(){var e=u(a().mark((function e(){var t,n,i;return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,L();case 2:null!=(t=e.sent)&&t.content&&(n=t.content,i=n.isSpecialShapedScreen,n.notchHeight,i&&(r.paddingLeft="25px")),r.paddingLeft="20px";case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();w((function(){l(),x()}));var c=function(e){var t=v.partIndex,n=i(i({},e.data),e.data.background[t]);d(n,t),h(),r.isLoading=!1},d=function(e,t){if(v.scrollContainer="scrollContainer",v.detailId=e.id,v.xmlUrl=e.xmlFileUrl,v.partIndex=t,v.subjectId=e.musicSubject,v.categoriesId=e.categoriesId,v.categoriesName=e.musicTagNames,v.enableEvaluation=!!e.canEvaluate,v.examSongId=e.id+"",v.examSongName=e.musicSheetName,e.extConfigJson)try{v.extConfigJson=JSON.parse(e.extConfigJson)}catch(n){console.error("解析扩展字段错误:",n)}v.isOpenMetronome="MP3_METRONOME"===e.mp3Type,v.needTick=e.isOpenMetronome,v.isShowFingering=!!e.showFingering,v.music=e.audioFileUrl,v.accompany=e.metronomeUrl||e.metronomeUrl,v.midiUrl=e.midiUrl,v.parentCategoriesId=e.musicTag,v.playMode="MP3"===e.audioType?"MP3":"MIDI",v.originSpeed=v.speed=e.speed,v.track=e.track,v.enableNotation=!!e.notation,v.subjectId=E(v.subjectId,"ORCHESTRA"),v.isPercussion=23==v.subjectId||113==v.subjectId||121==v.subjectId||I(),v.fingeringInfo=N(v.subjectId)},h=function(){v.extConfigJson.multitrack&&C("multitrack",v.extConfigJson.multitrack)};S(u(a().mark((function t(){var i,o,l,u,s,d,h,f,m,_,p,y,g;return a().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,R(e.id);case 2:p=t.sent,v.partIndex=Number(null==p||null===(i=p.data)||void 0===i?void 0:i.partIndex),y={};try{y=JSON.parse(null==p||null===(g=p.data)||void 0===g?void 0:g.scoreData)}catch(a){console.error("解析评测结果:",a)}r.musicalNotesPlayStats=(null===(o=y.musicalNotesPlayStats)||void 0===o?void 0:o.notesData)||[],r.userMeasureScore=y.userMeasureScore||{},n.heardLevel=null===(l=p.data)||void 0===l?void 0:l.heardLevel,n.cadence=null===(u=p.data)||void 0===u?void 0:u.cadence,n.integrity=null===(s=p.data)||void 0===s?void 0:s.integrity,n.intonation=null===(d=p.data)||void 0===d?void 0:d.intonation,n.score=null===(h=p.data)||void 0===h?void 0:h.score,n.videoFilePath=(null===(f=p.data)||void 0===f?void 0:f.videoFilePath)||(null===(m=p.data)||void 0===m?void 0:m.recordFilePath),Promise.all([M(null===(_=y.musicalNotesPlayStats)||void 0===_?void 0:_.examSongId)]).then((function(e){c(e[0])}));case 15:case"end":return t.stop()}}),t)}))));var f=function(e){v.musicRendered=!0,v.osmd=e,v.times=T(e),console.log("🚀 ~ state.times:",v.times),function(){var e,n=t(r.musicalNotesPlayStats);try{for(n.s();!(e=n.n()).done;){var i=e.value,o=v.times[i.musicalNotesIndex],a=document.getElementById("vf-"+o.id);null==a||a.classList.add(Q[i.musicalErrorType])}}catch(l){n.e(l)}finally{n.f()}}(),function(){for(var e in r.userMeasureScore)B(r.userMeasureScore[e],!1)}(),A()};return S((function(){window.addEventListener("resize",P)})),k((function(){window.removeEventListener("resize",P)})),function(){return o("div",{class:[U.detail,v.setting.eyeProtection&&"eyeProtection",U.shareBox],style:{paddingLeft:r.paddingLeft}},[o(F,{name:"van-fade"},{default:function(){return[!v.musicRendered&&o("div",{class:U.skeleton},[o(j,{class:U.skeleton,row:8},null)])]}}),o("div",{class:[U.headHeight,r.headerHide&&U.headHide],onClick:function(e){return e.stopPropagation()}},[o(F,{name:"van-slide-down"},{default:function(){return[v.musicRendered&&o(V,{scoreData:n},null)]}})]),o("div",{id:"scrollContainer",class:[U.container,!v.setting.displayCursor&&"hideCursor"]},[o("div",{class:U.musicName},[v.examSongName]),!r.isLoading&&o(O,{onRendered:f},null)])])}}}))}}}))}();
|