<!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))
}
}
_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>
</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/main.ts"></script>
</body>
</html>