index-legacy-9fefa5cc.js 3.2 KB

1
  1. System.register(["./index-legacy-3df09c7c.js"],(function(e,t){"use strict";var i,a,n,o,l,d,r,s,u,c,m,p,g,h,v,_,S,b,y,w,T,f,j=document.createElement("style");return j.textContent="._skeleton_1jzuh_1{position:fixed;left:0;top:0;width:100vw;height:100vh;padding:.53333rem .8rem;background-color:#fff;z-index:1000;--van-skeleton-paragraph-height: .8rem}._detail_1jzuh_12{width:100vw;height:auto;overflow:hidden;--header-height: 1.65333rem;background:transparent}._detail_1jzuh_12 ._container_1jzuh_19{margin:0;border-radius:.26667rem}._detail_1jzuh_12 #osmdCanvasPage1{position:relative!important}._detail_1jzuh_12 #musicAndSelection{height:initial!important;max-height:initial!important}._detail_1jzuh_12 .smoothAnimationBox{height:0!important;overflow:hidden}\n",document.head.appendChild(j),{setters:[e=>{i=e.d,a=e.g,n=e.n,o=e.c,l=e.m,d=e.bF,r=e.bG,s=e.bH,u=e.ae,c=e.h,m=e.av,p=e.a0,g=e.V,h=e.bI,v=e.bJ,_=e.aD,S=e.bK,b=e.bL,y=e.aH,w=e.bM,T=e.bN,f=e.bO}],execute:function(){const t="_detail_1jzuh_12",j="_container_1jzuh_19";e("default",i({name:"simple-detail",setup(){const e=a(),i=n({isLoading:!0,currentTime:0,totalTime:6e4}),x=e=>{var t,a,n,o,d,r;"api_play"===(null==e||null===(t=e.data)||void 0===t?void 0:t.api)&&(console.log("开始播放"),l.playState="play",L()),"api_paused"===(null==e||null===(a=e.data)||void 0===a?void 0:a.api)&&(console.log("暂停播放"),l.playState="paused"),"api_updateProgress"===(null==e||null===(n=e.data)||void 0===n?void 0:n.api)&&(console.log("拖动的进度"),"paused"===l.playState&&(i.currentTime=null!=e&&null!==(d=e.data)&&void 0!==d&&d.data?null==e||null===(r=e.data)||void 0===r?void 0:r.data:i.currentTime,F())),"api_playProgress"===(null==e||null===(o=e.data)||void 0===o?void 0:o.api)&&null!=e&&e.data.data&&((null==e?void 0:e.data.data)<i.currentTime&&(l.activeNoteIndex=0),i.currentTime=null==e?void 0:e.data.data)},z=e=>{var t;const a=(null==e?void 0:e.currentTime)||(null==e||null===(t=e.content)||void 0===t?void 0:t.currentTime);a&&(a<i.currentTime&&(l.activeNoteIndex=0),i.currentTime=a)},I=()=>{l.playState="play",L()};o((async()=>{const t=e.id||"";l.isSimplePage=!0,await d(t,"open"),i.isLoading=!1,l.isSingleLine=!0,r(z),s(I),window.addEventListener("message",x)})),u((()=>{l.isSimplePage=!1,window.removeEventListener("message",x)}));const C=async e=>{var t;const i=null===(t=document.getElementById("scrollContainer"))||void 0===t?void 0:t.getBoundingClientRect().height;l.osmd=e,0===l.originSpeed&&(l.originSpeed=l.speed=e.bpm||e.Sheet.userStartTempoInBPM||100);const a=(p.get("speeds")||{})[l.examSongId]||l.speed||e.bpm||e.Sheet.userStartTempoInBPM;a&&g(a),h(),v(),l.times=_(e),console.log("🚀 ~ state.times:",l.times,l.subjectId,l),S(l.times),b(),y(),console.log("渲染完成",i),window.parent.postMessage({api:"api_musicPage",height:i},"*")},F=()=>{const e=i.currentTime;let t=w(e);t&&T(t),l.activeNoteIndex=(null==t?void 0:t.i)||0,l.isSingleLine&&f(e)},L=()=>{if("play"!==l.playState)return void console.log("暂停播放");let e=Date.now();requestAnimationFrame((()=>{Date.now()-e<16.7?(F(),L()):setTimeout((()=>{F(),L()}),16.7)}))};return()=>c("div",{class:t},[c("div",{id:"scrollContainer",class:[j,"hideCursor"]},[!i.isLoading&&c(m,{onRendered:C,musicColor:"#FFFFFF"},null)])])}}))}}}));