orchestra.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE html>
  2. <html lang="ZH-cn">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" href="/orchestra-music-score/favicon.ico" />
  6. <title>管乐团云练习</title>
  7. <meta name="description" content="管乐团APP,器乐学习的不二选择" />
  8. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
  9. <script>
  10. this.globalThis || (this.globalThis = this)
  11. </script>
  12. <script src="/orchestra-music-score/helpers/lottie.min.js"></script>
  13. <link href="/orchestra-music-score/vant.css" rel="stylesheet">
  14. <script>
  15. if (window.navigator && navigator.serviceWorker) {
  16. navigator.serviceWorker.getRegistrations().then(function (registrations) {
  17. for (let registration of registrations) {
  18. registration.unregister()
  19. }
  20. })
  21. }
  22. function _postMessage(data, callback) {
  23. const instance = window.ORCHESTRA || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ORCHESTRA)
  24. if (instance) {
  25. const uuid = '' + Date.now() + Math.floor(Math.random() * 1000000)
  26. data.content = data.content ? { ...data.content, uuid } : { uuid }
  27. console.log('h5发送:', JSON.stringify(data))
  28. instance.postMessage(JSON.stringify(data))
  29. }
  30. }
  31. // 是否隐藏APP的loading动画
  32. if (!window.location.href.includes('isHideLoading')) {
  33. _postMessage({
  34. api: 'cloudLoading',
  35. content: {
  36. show: true,
  37. type: 'fullscreen',
  38. },
  39. })
  40. }
  41. </script>
  42. <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
  43. <script>
  44. // VConsole will be exported to `window.VConsole` by default.
  45. // var vConsole = new window.VConsole();
  46. </script>
  47. <style>
  48. #lottieWeb,.lottieWeb {
  49. position: fixed;
  50. z-index: 100;
  51. top: 50%;
  52. left: 50%;
  53. width: 100Px;
  54. height: 100Px;
  55. transform: translate(-50%, -50%);
  56. pointer-events: none;
  57. transition: opacity .3s;
  58. }
  59. </style>
  60. <script type="module" crossorigin src="/orchestra-music-score/assets/orchestra.89f3c71b.js"></script>
  61. <link rel="modulepreload" href="/orchestra-music-score/assets/App.304ff637.js">
  62. <link rel="modulepreload" href="/orchestra-music-score/assets/lib-flexible.08f197e6.js">
  63. <link rel="modulepreload" href="/orchestra-music-score/assets/main.409586b2.js">
  64. <link rel="stylesheet" href="/orchestra-music-score/assets/App.5dc30b70.css">
  65. <script type="module">try{import("_").catch(()=>1);}catch(e){}window.__vite_is_dynamic_import_support=true;</script>
  66. <script type="module">!function(){if(window.__vite_is_dynamic_import_support)return;console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
  67. </head>
  68. <body>
  69. <div id="app">
  70. <img class="lottieWeb" src="./loading.gif" alt="">
  71. </div>
  72. <div id="lottieWeb"></div>
  73. <script>
  74. // lottie.loadAnimation({
  75. // container: document.getElementById('lottieWeb'),
  76. // renderer: 'svg',
  77. // width: '30px',
  78. // height: '30px',
  79. // loop: true,
  80. // autoplay: true,
  81. // path: '/orchestra-music-score/loading.json'
  82. // });
  83. // window.addEventListener('load', function () {
  84. // const loadingEle = document.getElementById('lottieWeb')
  85. // loadingEle.style.opacity = '0'
  86. // setTimeout(() => {
  87. // loadingEle.style.display = 'none'
  88. // }, 1000)
  89. // })
  90. </script>
  91. <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>
  92. <script nomodule id="vite-legacy-polyfill" src="/orchestra-music-score/assets/polyfills-legacy.e65e4f45.js"></script>
  93. <script nomodule id="vite-legacy-entry" data-src="/orchestra-music-score/assets/orchestra-legacy.f5921a36.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
  94. </body>
  95. </html>