orchestra.html 4.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  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. _postMessage({
  32. api: 'cloudLoading',
  33. content: {
  34. show: true,
  35. type: 'fullscreen',
  36. },
  37. })
  38. </script>
  39. <style>
  40. #lottieWeb {
  41. position: fixed;
  42. z-index: 100;
  43. top: 50%;
  44. left: 50%;
  45. width: 100Px;
  46. height: 100Px;
  47. transform: translate(-50%, -50%);
  48. pointer-events: none;
  49. transition: opacity .3s;
  50. }
  51. </style>
  52. <script type="module" crossorigin src="/orchestra-music-score/assets/orchestra.b20b9ef9.js"></script>
  53. <link rel="modulepreload" href="/orchestra-music-score/assets/App.53266465.js">
  54. <link rel="modulepreload" href="/orchestra-music-score/assets/lib-flexible.08f197e6.js">
  55. <link rel="modulepreload" href="/orchestra-music-score/assets/main.f74ee3b0.js">
  56. <link rel="stylesheet" href="/orchestra-music-score/assets/App.ea9326b4.css">
  57. <script type="module">try { import("_").catch(() => 1); } catch (e) { } window.__vite_is_dynamic_import_support = true;</script>
  58. <script
  59. 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>
  60. </head>
  61. <body>
  62. <div id="app"></div>
  63. <div id="lottieWeb"></div>
  64. <script>
  65. lottie.loadAnimation({
  66. container: document.getElementById('lottieWeb'),
  67. renderer: 'svg',
  68. width: '30px',
  69. height: '30px',
  70. loop: true,
  71. autoplay: true,
  72. path: '/orchestra-music-score/loading.json'
  73. });
  74. window.addEventListener('load', function () {
  75. const loadingEle = document.getElementById('lottieWeb')
  76. loadingEle.style.opacity = '0'
  77. setTimeout(() => {
  78. loadingEle.style.display = 'none'
  79. }, 1000)
  80. })
  81. </script>
  82. <script
  83. 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>
  84. <script nomodule id="vite-legacy-polyfill" src="/orchestra-music-score/assets/polyfills-legacy.e0323776.js"></script>
  85. <script nomodule id="vite-legacy-entry"
  86. data-src="/orchestra-music-score/assets/orchestra-legacy.19540972.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
  87. </body>
  88. </html>