| 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,c=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return l=e.done,e},e:function(e){c=!0,a=e},f:function(){try{l||null==r.return||r.return()}finally{if(c)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",c=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function u(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{u({},"")}catch(L){u=function(e,t,n){return e[t]=n}}function d(e,t,n,r){var o=t&&t.prototype instanceof f?t:f,a=Object.create(o.prototype),l=new F(r||[]);return i(a,"_invoke",{value:q(e,n,l)}),a}function h(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(L){return{type:"throw",arg:L}}}t.wrap=d;var p={};function f(){}function _(){}function v(){}var m={};u(m,l,(function(){return this}));var g=Object.getPrototypeOf,y=g&&g(g(j([])));y&&y!==n&&r.call(y,l)&&(m=y);var b=v.prototype=f.prototype=Object.create(m);function w(e){["next","throw","return"].forEach((function(t){u(e,t,(function(e){return this._invoke(t,e)}))}))}function x(t,n){function o(i,a,l,c){var s=h(t[i],t,a);if("throw"!==s.type){var u=s.arg,d=u.value;return d&&"object"==e(d)&&r.call(d,"__await")?n.resolve(d.__await).then((function(e){o("next",e,l,c)}),(function(e){o("throw",e,l,c)})):n.resolve(d).then((function(e){u.value=e,l(u)}),(function(e){return o("throw",e,l,c)}))}c(s.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 q(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 I()}for(n.method=i,n.arg=o;;){var a=n.delegate;if(a){var l=S(a,n);if(l){if(l===p)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 c=h(e,t,n);if("normal"===c.type){if(r=n.done?"completed":"suspendedYield",c.arg===p)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(r="completed",n.method="throw",n.arg=c.arg)}}}function S(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,S(e,t),"throw"===t.method)||"return"!==n&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+n+"' method")),p;var i=h(r,e.iterator,t.arg);if("throw"===i.type)return t.method="throw",t.arg=i.arg,t.delegate=null,p;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,p):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,p)}function P(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 k(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function F(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(P,this),this.reset(!0)}function j(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:I}}function I(){return{value:void 0,done:!0}}return _.prototype=v,i(b,"constructor",{value:v,configurable:!0}),i(v,"constructor",{value:_,configurable:!0}),_.displayName=u(v,s,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===_||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,v):(e.__proto__=v,u(e,s,"GeneratorFunction")),e.prototype=Object.create(b),e},t.awrap=function(e){return{__await:e}},w(x.prototype),u(x.prototype,c,(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),u(b,s,"Generator"),u(b,l,(function(){return this})),u(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=j,F.prototype={constructor:F,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(k),!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"),c=r.call(o,"finallyLoc");if(l&&c){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(!c)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,p):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),p},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),k(n),p}},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;k(n)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:j(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),p}},t}function l(e,t,n,r,i,o,a){try{var l=e[o](a),c=l.value}catch(s){return void n(s)}l.done?t(c):Promise.resolve(c).then(r,i)}function c(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,c,"next",e)}function c(e){l(o,r,i,a,c,"throw",e)}a(void 0)}))}}System.register(["./index-legacy-f1695cd8.js","./instrument-legacy-55f58378.js","./plyr.min-legacy-2681f134.js","./index-legacy-923cb9d9.js","./vue3-lottie.es-legacy-1a0d946b.js","./html2canvas.esm-legacy-0347fea7.js"],(function(e,n){"use strict";var r,o,l,s,u,d,h,p,f,_,v,m,g,y,b,w,x,q,S,P,k,F,j,I,L,E,O,N,C,T,A,R,B,M=document.createElement("style");return M.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_1epq3_1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;flex-shrink:0;padding:.21333rem .26667rem;background-color:#fff}._android_1epq3_11{padding-top:.53333rem}._back_1epq3_14{display:flex;justify-content:center;align-items:center;padding:0 .8rem;height:100%}._back_1epq3_14 img{display:block;width:.4rem;height:.64rem}._left_1epq3_26{display:flex;align-items:center}._center_1epq3_30{display:flex;align-items:center;margin:0 auto}._center_1epq3_30 ._cItem_1epq3_35{text-align:center;padding:0 .32rem;white-space:nowrap}._center_1epq3_30 ._cItem_1epq3_35>div:first-child{font-size:.32rem;color:#333;line-height:.37333rem;margin-bottom:.16rem;font-weight:700}._center_1epq3_30 ._cItem_1epq3_35>div:last-child{font-size:.32rem;color:#777;line-height:.32rem;padding:.10667rem .21333rem;border-radius:.37333rem}._center_1epq3_30 ._cItem_1epq3_35:not(:last-child){border-right:.02667rem solid #EBDABF}._center_1epq3_30 ._active_1epq3_57>div:first-child{color:var(--van-primary-color)!important}._center_1epq3_30 ._active_1epq3_57>div:last-child{background-color:#ecf9ff;color:var(--van-primary-color)}._right_1epq3_64{display:flex;align-items:center}._right_1epq3_64 ._btn_1epq3_68{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_1epq3_64 ._btn_1epq3_68 ._iconBtn_1epq3_80{display:block;width:.88rem;height:.88rem}._right_1epq3_64 ._btn_1epq3_68 span{margin-top:.05333rem;white-space:nowrap}._right_1epq3_64 ._btn_1epq3_68 ._btnWrap_1epq3_89{position:relative;width:.66667rem;height:.66667rem}._popup_1epq3_94{--plyr-color-main: var(--van-primary-color)}._popup_1epq3_94 .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_1epq3_106{width:40vw}._audiobox_1epq3_106 .plyr{border-radius:.53333rem;width:100%}._videobox_1epq3_113{display:flex;align-items:center;width:80vw;height:80vh}._videobox_1epq3_113 .plyr{border-radius:.26667rem;width:100%;height:100%}._demos_1epq3_124{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_1epq3_124>div{display:flex;align-items:center;margin-right:.16rem}._demos_1epq3_124>div>span{margin-left:.10667rem}._shiyiPopup_1epq3_145{background:#fff;border-radius:.53333rem;width:80vw;max-width:11.2rem;padding:.53333rem}._shiyiTitle_1epq3_152{font-size:.42667rem;color:#333;font-weight:400;text-align:center}._items_1epq3_158{display:flex;flex-wrap:wrap}._items_1epq3_158 ._item_1epq3_158{width:50%;display:flex;align-items:center;padding:.18667rem 0}._items_1epq3_158 ._item_1epq3_158 span{margin-left:.32rem}._items_1epq3_158 ._item_1epq3_158 svg{visibility:visible}\n",document.head.appendChild(M),{setters:[function(e){r=e.d,o=e.j,l=e.a4,s=e.an,u=e.Z,d=e.r,h=e.s,p=e.X,f=e.Y,_=e.U,v=e.a9,m=e.aD,g=e.A,y=e.M,b=e.N,w=e.aI,x=e.F,q=e.aJ,S=e.aK,P=e.aM,k=e.aL,F=e.aN,j=e.aQ,I=e.aR,L=e.aS,E=e.aT,O=e.aH,N=e.aU,C=e.aX,T=e.aY},function(e){A=e.m,R=e.s},function(e){B=e.P},null,null,null],execute:function(){var M={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"},U={headerTop:"_headerTop_1epq3_1",android:"_android_1epq3_11",back:"_back_1epq3_14",left:"_left_1epq3_26",center:"_center_1epq3_30",cItem:"_cItem_1epq3_35",active:"_active_1epq3_57",right:"_right_1epq3_64",btn:"_btn_1epq3_68",iconBtn:"_iconBtn_1epq3_80",btnWrap:"_btnWrap_1epq3_89",popup:"_popup_1epq3_94",audiobox:"_audiobox_1epq3_106",videobox:"_videobox_1epq3_113",demos:"_demos_1epq3_124",shiyiPopup:"_shiyiPopup_1epq3_145",shiyiTitle:"_shiyiTitle_1epq3_152",items:"_items_1epq3_158",item:"_item_1epq3_158"},G=""+new URL("icon-back-2cf38e60.svg",n.meta.url).href,H=""+new URL("icon-shiyi-ba387160.svg",n.meta.url).href,D=""+new URL("icon-huifang-4d7bf6f9.svg",n.meta.url).href,z=""+new URL("videobg-2d19d627.png",n.meta.url).href,J=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)])])])}}),W=r({name:"header-top",props:{scoreData:{type:Object,default:function(){return{}}}},setup:function(e){var t=l(),n=s(e).scoreData,r=u({show:!1,shiyiShow:!1,isInitPlyr:!1,_plrl:null}),i={BEGINNER:"入门级",ADVANCED:"进阶级",PERFORMER:"大师级"},a=d("intonation"),c=function(){m()},y=function(e){a.value=e},b=h((function(){var e=(n.value.videoFilePath||"").split(".").pop();return"wav"===e||"mp3"===e?"audio":"video"})),w=function(){r.show=!0,r.isInitPlyr||g((function(){var e="audio"===b.value?"#audioSrc":"#videoSrc";r._plrl=new B(e,{controls:["play-large","play","progress","current-time"],fullscreen:{enabled:!1}}),r.isInitPlyr=!0}))};return function(){return o("div",{class:[U.headerTop,t.android&&U.android]},[o("div",{class:U.back,onClick:c},[o("img",{src:G},null)]),o("div",{class:U.center},[o("div",{class:U.cItem},[o("div",null,[i[n.value.heardLevel]]),o("div",null,[p("难度")])]),o("div",{class:U.cItem},[o("div",null,[n.value.score,p("分")]),o("div",null,[p("评测分数")])]),f.isPercussion?null:o(_,null,[o("div",{onClick:function(){return y("intonation")},class:[U.cItem,"intonation"===a.value&&U.active]},[o("div",{style:{color:"rgb(45, 199, 170)"}},[n.value.intonation,p("分")]),o("div",null,[p("音准")])]),o("div",{onClick:function(){return y("cadence")},class:[U.cItem,"cadence"===a.value&&U.active]},[o("div",{style:{color:"#FF4E19"}},[n.value.cadence,p("分")]),o("div",null,[p("节奏")])]),o("div",{onClick:function(){return y("integrity")},class:[U.cItem,"integrity"===a.value&&U.active]},[o("div",{style:{color:"rgb(255, 196, 89)"}},[n.value.integrity,p("分")]),o("div",null,[p("完成度")])])])]),o("div",{class:U.right},[o("div",{style:{display:n.value.videoFilePath?"":"none"},class:U.btn,onClick:w},[o("img",{class:U.iconBtn,src:D},null),o("span",null,[p("回放")])]),o("div",{class:U.btn,onClick:function(){return r.shiyiShow=!0}},[o("img",{class:U.iconBtn,src:H},null),o("span",null,[p("释义")])])]),f.isPercussion?null:o("div",{class:U.demos},[o("div",null,[o(J,{fill:"#01C1B5"},null),o("span",null,[p("演奏正确")])]),"intonation"===a.value&&o(_,null,[o("div",null,[o(J,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FFAB25",shadow:!0,x:-2,y:0},null),o("span",null,[p("音高了")])]),o("div",null,[o(J,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),o("span",null,[p("音低了")])])]),"cadence"===a.value&&o(_,null,[o("div",null,[o(J,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FF4444",shadow:!0,x:.5,y:-1},null),o("span",null,[p("节奏过快")])]),o("div",null,[o(J,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FF4444",shadow:!0,x:-3,y:-2.5},null),o("span",null,[p("节奏慢了")])])]),"integrity"===a.value&&o("div",null,[o(J,{fill:"#CC75FF"},null),o("span",null,[p("完成度不足")])]),o("div",null,[o(J,{fill:"#000"},null),o("span",null,[p("未演奏")])])]),o(v,{teleport:"body",class:["popup-custom","van-scale",U.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"===b.value&&o("div",{class:U.audiobox},[o("audio",{id:"audioSrc",src:n.value.videoFilePath,controls:"false",preload:"metadata",playsinline:!0},null)]),"video"===b.value&&o("div",{class:U.videobox},[o("video",{id:"videoSrc",class:U.videoBox,src:n.value.videoFilePath,"data-poster":z,preload:"metadata",playsinline:!0},null)])]}}),o(v,{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:U.shiyiPopup},[o("div",{class:U.shiyiTitle},[p("图标释义")]),o("div",{class:U.items},[o("div",{class:U.item},[o(J,{fill:"#01C1B5"},null),o("span",null,[p("绿色音符：演奏正确")])]),o("div",{class:U.item},[o(J,{fill:"#FF4444"},null),o("span",null,[p("红色音符：错音")])]),o("div",{class:U.item},[o(J,{fill:"#CC75FF"},null),o("span",null,[p("紫色音符：完成度不足")])]),o("div",{class:U.item},[o(J,{fill:"#AEAEAE"},null),o("span",null,[p("灰色音符：未演奏")])]),o("div",{class:U.item},[o(J,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FF4444",shadow:!0,x:.5,y:-1},null),o("span",null,[p("音符重影(红色在前)：节奏过快")])]),o("div",{class:U.item},[o(J,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FF4444",shadow:!0,x:-3,y:-2.5},null),o("span",null,[p("音符重影(红色在后)：节奏慢了")])]),o("div",{class:U.item},[o(J,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FFAB25",shadow:!0,x:-2,y:0},null),o("span",null,[p("音符重影(黄色在上)：音高了")])]),o("div",{class:U.item},[o(J,{fill:"rgba(1, 193, 181, .8)",shadowFill:"#FFAB25",shadow:!0,x:-1,y:-3},null),o("span",null,[p("音符重影(黄色在下)：音低了")])])])])]}})])}}}),Y={RIGHT:M.right,WRONG:M.wrong,NOT_PLAY:M.notPlay,CADENCE_WRONG:M.cadence_wrong,INTONATION_WRONG:M.intonation_wrong,INTEGRITY_WRONG:M.integrity_wrong};e("default",r({name:"music-list",setup:function(){var e=y(),n=u({videoFilePath:"",cadence:0,integrity:0,intonation:0,score:0,heardLevel:""}),r=u({isLoading:!0,paddingLeft:"",headerHide:!1,musicalNotesPlayStats:[],userMeasureScore:{}}),l=function(){var e=c(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,j();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)}}();b((function(){l(),w()}));var s=function(e){var t=f.partIndex,n=i(i({},e.data),e.data.background[t]);d(n,t),h(),r.isLoading=!1},d=function(e,t){if(f.scrollContainer="scrollContainer",f.detailId=e.id,f.xmlUrl=e.xmlFileUrl,f.partIndex=t,f.subjectId=e.musicSubject,f.categoriesId=e.categoriesId,f.categoriesName=e.musicTagNames,f.enableEvaluation=!!e.canEvaluate,f.examSongId=e.id+"",f.examSongName=e.musicSheetName,e.extConfigJson)try{f.extConfigJson=JSON.parse(e.extConfigJson)}catch(n){console.error("解析扩展字段错误:",n)}f.isOpenMetronome="MP3_METRONOME"===e.mp3Type,f.needTick=e.isOpenMetronome,f.isShowFingering=!!e.showFingering,f.music=e.audioFileUrl,f.accompany=e.metronomeUrl||e.metronomeUrl,f.midiUrl=e.midiUrl,f.parentCategoriesId=e.musicTag,f.playMode="MP3"===e.audioType?"MP3":"MIDI",f.originSpeed=f.speed=e.speed,f.track=e.track,f.enableNotation=!!e.notation,f.subjectId=I(f.subjectId,"ORCHESTRA"),f.isPercussion=23==f.subjectId||113==f.subjectId||121==f.subjectId||L(),f.fingeringInfo=E(f.subjectId)},h=function(){f.extConfigJson.multitrack&&O("multitrack",f.extConfigJson.multitrack)};x(c(a().mark((function t(){var i,o,l,c,u,d,h,p,_;return a().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,A(e.id);case 2:for(p in h=t.sent,f.partIndex=Number(null==h||null===(i=h.data)||void 0===i?void 0:i.partIndex),r.musicalNotesPlayStats=(null==h||null===(o=h.data)||void 0===o||null===(l=o.musicalNotesPlayStats)||void 0===l?void 0:l.notesData)||[],r.userMeasureScore=(null==h||null===(c=h.data)||void 0===c?void 0:c.userMeasureScore)||{},n)n[p]=null==h||null===(_=h.data)||void 0===_?void 0:_[p];Promise.all([R(null==h||null===(u=h.data)||void 0===u||null===(d=u.musicalNotesPlayStats)||void 0===d?void 0:d.examSongId)]).then((function(e){s(e[0])}));case 8:case"end":return t.stop()}}),t)}))));var p=function(e){f.musicRendered=!0,f.osmd=e,f.times=N(e),console.log("🚀 ~ state.times:",f.times),function(){var e,n=t(r.musicalNotesPlayStats);try{for(n.s();!(e=n.n()).done;){var i=e.value,o=f.times[i.musicalNotesIndex],a=document.getElementById("vf-"+o.id);null==a||a.classList.add(Y[i.musicalErrorType])}}catch(l){n.e(l)}finally{n.f()}}(),function(){for(var e in r.userMeasureScore)T(r.userMeasureScore[e],!1)}(),C()};return x((function(){window.addEventListener("resize",q)})),S((function(){window.removeEventListener("resize",q)})),function(){return o("div",{class:[M.detail,f.setting.eyeProtection&&"eyeProtection",M.shareBox],style:{paddingLeft:r.paddingLeft}},[o(P,{name:"van-fade"},{default:function(){return[!f.musicRendered&&o("div",{class:M.skeleton},[o(k,{class:M.skeleton,row:8},null)])]}}),o("div",{class:[M.headHeight,r.headerHide&&M.headHide],onClick:function(e){return e.stopPropagation()}},[o(P,{name:"van-slide-down"},{default:function(){return[f.musicRendered&&o(W,{scoreData:n},null)]}})]),o("div",{id:"scrollContainer",class:[M.container,!f.setting.displayCursor&&"hideCursor"]},[o("div",{class:M.musicName},[f.examSongName]),!r.isLoading&&o(F,{onRendered:p},null)])])}}}))}}}))}();
|
