<!DOCTYPE html>
<html lang="ZH-cn">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="/orchestra-music-score/favicon.ico" />
  <title>管乐团云练习</title>
  <meta name="description" content="管乐团APP,器乐学习的不二选择" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
  <script>
    this.globalThis || (this.globalThis = this)
  </script>
  <script src="/orchestra-music-score/helpers/lottie.min.js"></script>
  <link href="/orchestra-music-score/vant.css" rel="stylesheet">

  <script>
    if (window.navigator && navigator.serviceWorker) {
      navigator.serviceWorker.getRegistrations().then(function (registrations) {
        for (let registration of registrations) {
          registration.unregister()
        }
      })
    }

    function _postMessage(data, callback) {
      const instance = window.ORCHESTRA || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ORCHESTRA)
      if (instance) {
        const uuid = '' + Date.now() + Math.floor(Math.random() * 1000000)
        data.content = data.content ? { ...data.content, uuid } : { uuid }
        console.log('h5发送:', JSON.stringify(data))
        instance.postMessage(JSON.stringify(data))
      }
    }
    _postMessage({
      api: 'cloudLoading',
      content: {
        show: true,
        type: 'fullscreen',
      },
    })
  </script>
  <style>
    #lottieWeb {
      position: fixed;
      z-index: 100;
      top: 50%;
      left: 50%;
      width: 100Px;
      height: 100Px;
      transform: translate(-50%, -50%);
      pointer-events: none;
      transition: opacity .3s;
    }
  </style>
  <script type="module" crossorigin src="/orchestra-music-score/assets/orchestra.1a30c9ee.js"></script>
  <link rel="modulepreload" href="/orchestra-music-score/assets/App.948dcab3.js">
  <link rel="modulepreload" href="/orchestra-music-score/assets/lib-flexible.08f197e6.js">
  <link rel="modulepreload" href="/orchestra-music-score/assets/main.c07fad72.js">
  <link rel="stylesheet" href="/orchestra-music-score/assets/App.ea9326b4.css">
  <script type="module">try{import("_").catch(()=>1);}catch(e){}window.__vite_is_dynamic_import_support=true;</script>
  <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>
</head>

<body>
  <div id="app"></div>
  <div id="lottieWeb"></div>
  <script>
    lottie.loadAnimation({
      container: document.getElementById('lottieWeb'),
      renderer: 'svg',
      width: '30px',
      height: '30px',
      loop: true,
      autoplay: true,
      path: '/orchestra-music-score/loading.json'
    });
    window.addEventListener('load', function () {
      const loadingEle = document.getElementById('lottieWeb')
      loadingEle.style.opacity = '0'
      setTimeout(() => {
        loadingEle.style.display = 'none'
      }, 1000)
    })
  </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 id="vite-legacy-polyfill" src="/orchestra-music-score/assets/polyfills-legacy.e0323776.js"></script>
  <script nomodule id="vite-legacy-entry" data-src="/orchestra-music-score/assets/orchestra-legacy.b038b4cf.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body>

</html>