orchestra.html 3.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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 src="/orchestra-music-score/helpers/lottie.min.js"></script>
  10. <link href="/orchestra-music-score/vant.css" rel="stylesheet">
  11. <script>
  12. if (window.navigator && navigator.serviceWorker) {
  13. navigator.serviceWorker.getRegistrations().then(function (registrations) {
  14. for (let registration of registrations) {
  15. registration.unregister()
  16. }
  17. })
  18. }
  19. function _postMessage(data, callback) {
  20. const instance = window.ORCHESTRA || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ORCHESTRA)
  21. if (instance) {
  22. const uuid = '' + Date.now() + Math.floor(Math.random() * 1000000)
  23. data.content = data.content ? { ...data.content, uuid } : { uuid }
  24. console.log('h5发送:', JSON.stringify(data))
  25. instance.postMessage(JSON.stringify(data))
  26. }
  27. }
  28. _postMessage({
  29. api: 'cloudLoading',
  30. content: {
  31. show: true,
  32. type: 'fullscreen',
  33. },
  34. })
  35. </script>
  36. <style>
  37. #lottieWeb {
  38. position: fixed;
  39. z-index: 100;
  40. top: 50%;
  41. left: 50%;
  42. width: 100Px;
  43. height: 100Px;
  44. transform: translate(-50%, -50%);
  45. pointer-events: none;
  46. transition: opacity .3s;
  47. }
  48. </style>
  49. <script type="module" crossorigin src="/orchestra-music-score/assets/orchestra.13b16682.js"></script>
  50. <link rel="modulepreload" href="/orchestra-music-score/assets/App.03d0734f.js">
  51. <link rel="modulepreload" href="/orchestra-music-score/assets/lib-flexible.08f197e6.js">
  52. <link rel="modulepreload" href="/orchestra-music-score/assets/main.1ff91651.js">
  53. <link rel="stylesheet" href="/orchestra-music-score/assets/App.751f5b36.css">
  54. <script type="module">try{import("_").catch(()=>1);}catch(e){}window.__vite_is_dynamic_import_support=true;</script>
  55. <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>
  56. </head>
  57. <body>
  58. <div id="app"></div>
  59. <div id="lottieWeb"></div>
  60. <script>
  61. lottie.loadAnimation({
  62. container: document.getElementById('lottieWeb'),
  63. renderer: 'svg',
  64. width: '30px',
  65. height: '30px',
  66. loop: true,
  67. autoplay: true,
  68. path: '/orchestra-music-score/loading.json'
  69. });
  70. window.addEventListener('load', function () {
  71. const loadingEle = document.getElementById('lottieWeb')
  72. loadingEle.style.opacity = '0'
  73. setTimeout(() => {
  74. loadingEle.style.display = 'none'
  75. }, 1000)
  76. })
  77. </script>
  78. <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>
  79. <script nomodule id="vite-legacy-polyfill" src="/orchestra-music-score/assets/polyfills-legacy.6651c130.js"></script>
  80. <script nomodule id="vite-legacy-entry" data-src="/orchestra-music-score/assets/orchestra-legacy.c9124f94.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
  81. </body>
  82. </html>