Home Explore Help
Sign In
liushengqiang
/
music-score
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

feat: 延迟检测资源预加载

TIANYONG 11 months ago
parent
61ed62812a
commit
7ae2adea5a
15 changed files with 89 additions and 45 deletions
Split View Show Diff Stats
  1. 8 8
      dist/colexiu.html
  2. 9 9
      dist/index.html
  3. 9 9
      dist/instrument.html
  4. 10 10
      dist/orchestra.html
  5. 5 5
      dist/report-share.html
  6. 1 1
      src/helpers/formateMusic.ts
  7. 3 1
      src/page-instrument/evaluat-model/delay-check/index.tsx
  8. 0 0
      src/page-instrument/evaluat-model/delay-check/json/bg_new.json
  9. 8 0
      src/page-instrument/evaluat-model/index.module.less
  10. 7 0
      src/page-instrument/evaluat-model/index.tsx
  11. 7 1
      src/page-instrument/header-top/index.tsx
  12. 8 0
      src/page-instrument/view-detail/index.module.less
  13. 12 1
      src/page-instrument/view-detail/index.tsx
  14. 2 0
      src/view/evaluating/index.tsx
  15. 0 0
      stats.html

+ 8 - 8
dist/colexiu.html
View File 

@@ -2,7 +2,7 @@
 
 <html lang="en">
 
 
 <head>
 
-  <script type="module" crossorigin src="./js/polyfills-97cd8107.js"></script>
 
+  <script type="module" crossorigin src="./js/polyfills-6a06cf8f.js"></script>
 
 
   <meta charset="UTF-8" />
 
   <link rel="icon" type="image/svg+xml" href="./vite.svg" />
 
@@ -40,11 +40,11 @@
 
       },
 
     })
 
   </script>
 
-  <script type="module" crossorigin src="./js/colexiu-d84d8c05.js"></script>
 
-  <link rel="modulepreload" crossorigin href="./js/index-9f557e88.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-13911e80.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-9e36c5df.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-c1697edd.js">
 
+  <script type="module" crossorigin src="./js/colexiu-4ad36b94.js"></script>
 
+  <link rel="modulepreload" crossorigin href="./js/index-36c21154.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-c34f2749.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-eb907c89.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-2a98ea9a.js">
 
   <link rel="stylesheet" href="./css/index-5cdcded6.css">
 
   <link rel="stylesheet" href="./css/index-d42b0794.css">
 
   <link rel="stylesheet" href="./css/colexiu-62f31c4f.css">
 
@@ -57,8 +57,8 @@
 
   <img id="loading" class="show" src="./loading.svg" alt="loading" />
 
   
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
 
-  <script nomodule crossorigin id="vite-legacy-polyfill" src="./js/polyfills-legacy-716eb840.js"></script>
 
-  <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/colexiu-legacy-544c6868.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 
+  <script nomodule crossorigin id="vite-legacy-polyfill" src="./js/polyfills-legacy-8891b9b0.js"></script>
 
+  <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/colexiu-legacy-296b9ce1.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 
 </body>
 
 
 </html>

+ 9 - 9
dist/index.html
View File 

@@ -2,7 +2,7 @@
 
 <html lang="ZH-cn">
 
 
 <head>
 
-  <script type="module" crossorigin src="./js/polyfills-97cd8107.js"></script>
 
+  <script type="module" crossorigin src="./js/polyfills-6a06cf8f.js"></script>
 
 
   <meta charset="UTF-8">
 
   <link rel="icon" href="./favicon.ico" />
 
@@ -75,12 +75,12 @@
 
       }
 
     })
 
   </script>
 
-  <script type="module" crossorigin src="./js/gym-29ca21de.js"></script>
 
-  <link rel="modulepreload" crossorigin href="./js/index-9f557e88.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-13911e80.js">
 
-  <link rel="modulepreload" crossorigin href="./js/instruments-4e470d86.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-af7534c7.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-c1697edd.js">
 
+  <script type="module" crossorigin src="./js/gym-751de644.js"></script>
 
+  <link rel="modulepreload" crossorigin href="./js/index-36c21154.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-c34f2749.js">
 
+  <link rel="modulepreload" crossorigin href="./js/instruments-1bf29df6.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-f3ed3f75.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-2a98ea9a.js">
 
   <link rel="modulepreload" crossorigin href="./js/plyr.min-c8c2777b.js">
 
   <link rel="stylesheet" href="./css/index-5cdcded6.css">
 
   <link rel="stylesheet" href="./css/index-d42b0794.css">
 
@@ -100,8 +100,8 @@
 
   <img id="loading" class="show" src="./loading.svg" alt="loading" />
 
   
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
 
-  <script nomodule crossorigin id="vite-legacy-polyfill" src="./js/polyfills-legacy-716eb840.js"></script>
 
-  <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/gym-legacy-fbd6a1f1.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 
+  <script nomodule crossorigin id="vite-legacy-polyfill" src="./js/polyfills-legacy-8891b9b0.js"></script>
 
+  <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/gym-legacy-aa3f12b5.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 
 </body>
 
 
 </html>

+ 9 - 9
dist/instrument.html
View File 

@@ -2,7 +2,7 @@
 
 <html lang="en">
 
 
 <head>
 
-  <script type="module" crossorigin src="./js/polyfills-97cd8107.js"></script>
 
+  <script type="module" crossorigin src="./js/polyfills-6a06cf8f.js"></script>
 
 
   <meta charset="UTF-8" />
 
   <meta name="viewport"
 
@@ -40,12 +40,12 @@
 
       })
 
     }
 
   </script>
 
-  <script type="module" crossorigin src="./js/instrument-5bd43ca3.js"></script>
 
-  <link rel="modulepreload" crossorigin href="./js/index-9f557e88.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-13911e80.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-9e36c5df.js">
 
-  <link rel="modulepreload" crossorigin href="./js/instruments-4e470d86.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-1d012c39.js">
 
+  <script type="module" crossorigin src="./js/instrument-c493d833.js"></script>
 
+  <link rel="modulepreload" crossorigin href="./js/index-36c21154.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-c34f2749.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-eb907c89.js">
 
+  <link rel="modulepreload" crossorigin href="./js/instruments-1bf29df6.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-9c36c3f8.js">
 
   <link rel="stylesheet" href="./css/index-5cdcded6.css">
 
   <link rel="stylesheet" href="./css/index-d42b0794.css">
 
   <link rel="stylesheet" href="./css/instrument-de51af75.css">
 
@@ -66,8 +66,8 @@
 
 
   
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
 
-  <script nomodule crossorigin id="vite-legacy-polyfill" src="./js/polyfills-legacy-716eb840.js"></script>
 
-  <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/instrument-legacy-40dbc37c.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 
+  <script nomodule crossorigin id="vite-legacy-polyfill" src="./js/polyfills-legacy-8891b9b0.js"></script>
 
+  <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/instrument-legacy-9334cb46.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 
 </body>
 
 
 </html>

+ 10 - 10
dist/orchestra.html
View File 

@@ -2,7 +2,7 @@
 
 <html lang="en">
 
 
 <head>
 
-  <script type="module" crossorigin src="./js/polyfills-97cd8107.js"></script>
 
+  <script type="module" crossorigin src="./js/polyfills-6a06cf8f.js"></script>
 
 
   <meta charset="UTF-8" />
 
   <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
 
@@ -41,13 +41,13 @@
 
       transition: opacity .3s;
 
     }
 
   </style>
 
-  <script type="module" crossorigin src="./js/orchestra-7229013f.js"></script>
 
-  <link rel="modulepreload" crossorigin href="./js/index-9f557e88.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-13911e80.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-9e36c5df.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-af7534c7.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-c1697edd.js">
 
-  <link rel="modulepreload" crossorigin href="./js/index-1d012c39.js">
 
+  <script type="module" crossorigin src="./js/orchestra-90a3200b.js"></script>
 
+  <link rel="modulepreload" crossorigin href="./js/index-36c21154.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-c34f2749.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-eb907c89.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-f3ed3f75.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-2a98ea9a.js">
 
+  <link rel="modulepreload" crossorigin href="./js/index-9c36c3f8.js">
 
   <link rel="stylesheet" href="./css/index-5cdcded6.css">
 
   <link rel="stylesheet" href="./css/index-d42b0794.css">
 
   <link rel="stylesheet" href="./css/index-85f95688.css">
 
@@ -72,8 +72,8 @@
 
   </script>
 
   
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
 
-  <script nomodule crossorigin id="vite-legacy-polyfill" src="./js/polyfills-legacy-716eb840.js"></script>
 
-  <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/orchestra-legacy-01f4facd.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 
+  <script nomodule crossorigin id="vite-legacy-polyfill" src="./js/polyfills-legacy-8891b9b0.js"></script>
 
+  <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/orchestra-legacy-f750f2ee.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 
 </body>
 
 
 </html>

+ 5 - 5
dist/report-share.html
View File 

@@ -2,7 +2,7 @@
 
 <html lang="en">
 
 
 <head>
 
-  <script type="module" crossorigin src="./js/polyfills-97cd8107.js"></script>
 
+  <script type="module" crossorigin src="./js/polyfills-6a06cf8f.js"></script>
 
 
   <meta charset="UTF-8" />
 
   <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
 
@@ -25,8 +25,8 @@
 
       transition: opacity .3s;
 
     }
 
   </style>
 
-  <script type="module" crossorigin src="./js/report-share-1386e6b7.js"></script>
 
-  <link rel="modulepreload" crossorigin href="./js/index-9f557e88.js">
 
+  <script type="module" crossorigin src="./js/report-share-8c637aa4.js"></script>
 
+  <link rel="modulepreload" crossorigin href="./js/index-36c21154.js">
 
   <link rel="modulepreload" crossorigin href="./js/plyr.min-c8c2777b.js">
 
   <link rel="stylesheet" href="./css/index-5cdcded6.css">
 
   <link rel="stylesheet" href="./css/plyr-ad8ef5ae.css">
 
@@ -51,8 +51,8 @@
 
   </script>
 
   
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
 
-  <script nomodule crossorigin id="vite-legacy-polyfill" src="./js/polyfills-legacy-716eb840.js"></script>
 
-  <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/report-share-legacy-36f5bc53.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 
+  <script nomodule crossorigin id="vite-legacy-polyfill" src="./js/polyfills-legacy-8891b9b0.js"></script>
 
+  <script nomodule crossorigin id="vite-legacy-entry" data-src="./js/report-share-legacy-4564a547.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 
 </body>
 
 
 </html>

+ 1 - 1
src/helpers/formateMusic.ts
View File 

@@ -743,7 +743,7 @@ export const formateTimes = (osmd: OpenSheetMusicDisplay) => {
 
 		// 多分轨，当前小节最大音符数量
 
 		let maxNoteNum = 0;
 
 		// iterator.currentMeasure?.verticalMeasureList?.forEach((item: any) => maxNoteNum = Math.max(maxNoteNum, item?.staffEntries?.length || 0))
 
-		maxNoteNum = iterator.currentMeasure?.verticalSourceStaffEntryContainers.length || iterator.currentMeasure?.verticalMeasureList?.forEach((item: any) => maxNoteNum = Math.max(maxNoteNum, item?.staffEntries?.length || 0))
 
+		maxNoteNum = iterator.currentMeasure?.verticalSourceStaffEntryContainers.length || 0
 
 		// console.log(iterator.currentMeasure.MeasureNumberXML,maxNoteNum,iterator.currentMeasure?.verticalSourceStaffEntryContainers.length)
 
 		// 单声部多声轨
 
 		if (state.multitrack > 0) {

+ 3 - 1
src/page-instrument/evaluat-model/delay-check/index.tsx
View File 

@@ -67,13 +67,15 @@ export default defineComponent({
 
 		});
 
 
 		const initJson = async () => {
 
-
 
+			console.log('开始加载')
 
 			// const bg = await import(`./json/bg.json`);
 
 			// const bg1 = await import(`./json/bg1.json`);
 
 			/* @vite-ignore */
 
 			// data.bg = await import(`./json/bg_new.json`);
 
 			data.bg = getJson('bg_new.json');
 
 			data.jsonDone = true;
 
+			evaluatingData.jsonLoadDone = true;
 
+			console.log('延迟检测资源加载完成')
 
 		}
 
 
 		// 调用'isWiredHeadsetOn'最小时间间隔，1秒

File diff suppressed because it is too large
+ 0 - 0
src/page-instrument/evaluat-model/delay-check/json/bg_new.json


+ 8 - 0
src/page-instrument/evaluat-model/index.module.less
View File 

@@ -94,4 +94,12 @@
 
         height: 72px;
 
         margin-right: 6px;
 
     }
 
+}
 
+
 
+.preJson {
 
+    width: 1px;
 
+    height: 1px;
 
+    visibility: hidden;
 
+    background: transparent;
 
+    opacity: 0;
 
 }

+ 7 - 0
src/page-instrument/evaluat-model/index.tsx
View File 

@@ -395,6 +395,13 @@ export default defineComponent({
 
           />
 
         )}
 
 
+        {/* 预加载延迟检测组建 */}
 
+        {/* {evaluatingData.preloadJson && !evaluatingData.jsonLoadDone && (
 
+            <div class={styles.preJson}>
 
+              <DelayCheck />
 
+            </div>
 
+        )} */}
 
+
 
         <Popup teleport="body" closeOnClickOverlay={false} class={["popup-custom", "van-scale"]} transition="van-scale" v-model:show={evaluatingData.earphoneMode}>
 
           <Earphone
 
             onClose={() => {

+ 7 - 1
src/page-instrument/header-top/index.tsx
View File 

@@ -4,7 +4,7 @@ import styles from "./index.module.less";
 
 import iconBack from "./image/icon-back.svg";
 
 import Title from "./title";
 
 import { headImg } from "./image";
 
-import { Badge, Circle, Popover, Popup, showConfirmDialog } from "vant";
 
+import { Badge, Circle, Popover, Popup, showConfirmDialog, showToast } from "vant";
 
 import Speed from "./speed";
 
 import { evaluatingData, handleStartEvaluat } from "/src/view/evaluating";
 
 import Settting from "./settting";
 
@@ -47,6 +47,12 @@ export const headTopData = reactive({
 
       // state.playIngSpeed = state.speed
 
     }
 
     if (value === "evaluating") {
 
+      // 如果延迟检测资源还在加载中，给出提示
 
+      if (!evaluatingData.jsonLoadDone) {
 
+        showToast('资源加载中，请稍后')
 
+        return
 
+      }
 
+
 
       // 如果是pc端, 评测模式暂不可用
 
       if (state.platform === IPlatform.PC) {
 
         showConfirmDialog({

+ 8 - 0
src/page-instrument/view-detail/index.module.less
View File 

@@ -151,4 +151,12 @@
 
             opacity: 0 !important;
 
         }
 
     }
 
+}
 
+
 
+.preJson {
 
+    width: 1px;
 
+    height: 1px;
 
+    visibility: hidden;
 
+    background: transparent;
 
+    opacity: 0;
 
 }

+ 12 - 1
src/page-instrument/view-detail/index.tsx
View File 

@@ -1,5 +1,5 @@
 
 import { Popup, Skeleton } from "vant";
 
-import { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, onMounted, reactive, Transition, watch, watchEffect } from "vue";
 
+import { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, onMounted, reactive, Transition, watch, watchEffect, defineAsyncComponent } from "vue";
 
 import { formateTimes } from "../../helpers/formateMusic";
 
 import Metronome, { metronomeData } from "../../helpers/metronome";
 
 import state, { EnumMusicRenderType, evaluatCreateMusicPlayer, handleSetSpeed, IAudioState, IPlatform, isRhythmicExercises, resetPlaybackToStart, togglePlay, getMusicDetail } from "/src/state";
 
@@ -33,6 +33,10 @@ import { initMidi } from "/src/helpers/midiPlay"
 
 import TheAudio from "/src/components/the-audio"
 
 import tickWav from "/src/assets/tick.wav";
 
 
+
 
+const DelayCheck = defineAsyncComponent(() =>
 
+  import('/src/page-instrument/evaluat-model/delay-check')
 
+)
 
 /**
 
  * 特殊教材分类id
 
  */
 
@@ -384,6 +388,13 @@ export default defineComponent({
 
 
         {/* {!detailData.isLoading && <TheAudio src={tickWav} />} */}
 
 
+        {/* 预加载延迟检测组建 */}
 
+        {!detailData.isLoading && !detailData.skeletonLoading && evaluatingData.preloadJson && !evaluatingData.jsonLoadDone && (
 
+            <div class={styles.preJson}>
 
+              <DelayCheck />
 
+            </div>
 
+        )}
 
+
 
         {/* 评测 */}
 
         {state.modeType === "evaluating" && (
 
           <>

+ 2 - 0
src/view/evaluating/index.tsx
View File 

@@ -104,6 +104,8 @@ export const evaluatingData = reactive({
 
 	accompanyErrorType: '',	
 	/** app播放结束状态，重新评测需要重置为 */
 
 	isAudioPlayEnd: false,
 
+	preloadJson: true, // 预加载延迟检测的资源
 
+	jsonLoadDone: false, // 延迟检测的动画dom加载完成
 
 });
 
 
 const sendOffsetTime = async (offsetTime: number) => {

File diff suppressed because it is too large
+ 0 - 0
stats.html


Some files were not shown because too many files changed in this diff