liushengqiang
/
orchestra-music-score


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

<head>
  <meta charset="UTF-8">
  <link rel="icon" href="/favicon.ico" />
  <meta name="description" content="酷乐秀APP，器乐学习的不二选择">
  <title>评测记录</title>
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <script src="/helpers/lottie.min.js"></script>
  <link href="/vant.css" rel="stylesheet">
  <script>
    function getBroswer() {
      var Sys = {};
      var ua = navigator.userAgent.toLowerCase();
      var s;
      (s = ua.match(/edge\/([\d.]+)/)) ? Sys.edge = s[1] :
        (s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] :
          (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
            (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
              (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
                (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
                  (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;

      if (Sys.edge) return { broswer: "Edge", version: Sys.edge };
      if (Sys.ie) return { broswer: "IE", version: Sys.ie };
      if (Sys.firefox) return { broswer: "Firefox", version: Sys.firefox };
      if (Sys.chrome) return { broswer: "Chrome", version: Sys.chrome };
      if (Sys.opera) return { broswer: "Opera", version: Sys.opera };
      if (Sys.safari) return { broswer: "Safari", version: Sys.safari };

      return { broswer: "", version: "0" };
    }
    var broswer = getBroswer();
    window.addEventListener('DOMContentLoaded', function () {
      if (broswer.broswer === 'Chrome' && parseFloat(broswer.version) <= 50) {
        document.getElementById('update').className = 'show'
        document.getElementById('loading').className = ''
      }
    })
    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: 'setRequestedOrientation',
      content: {
        orientation: 0
      }
    })
    // 安卓的状态栏
    _postMessage({
      api: 'setStatusBarVisibility',
      content: {
        isVisibility: 0
      }
    })
    _postMessage({
      api: 'setTitleBarVisibility',
      content: {
        status: 0
      }
    })
  </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>
</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 type="module" src="/src/subpages/colexiu-report/main.ts"></script>
</body>

</html>