liushengqiang
/
orchestra-music-score


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

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="/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="/helpers/lottie.min.js"></script>
  <link href="/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))
      }
    }
    // 是否隐藏APP的loading动画
    if (!window.location.href.includes('isHideLoading')) {
      _postMessage({
        api: 'cloudLoading',
        content: {
          show: true,
          type: 'fullscreen',
        },
      })
    }
  </script>

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  // VConsole will be exported to `window.VConsole` by default.
  // var vConsole = new window.VConsole();
</script>
  
  <style>
    #lottieWeb,.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>
</head>

<body>
  <div id="app">
    <img class="lottieWeb" src="./loading.gif" alt="">
  </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 type="module" src="/src/subpages/colexiu/main.ts"></script>
</body>

</html>