liushengqiang
/
music-score


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
							<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="管乐迷APP，是国内首款专为管乐在线教学打造的专业级平台，丰富、便捷的学习工具，让管乐教学与学习更轻松。">
  <title>管乐迷</title>
  <link rel="stylesheet" href="index.css">
  <script src="../helpers/rem-fit.min.js"></script>
  <script src="../helpers/qs.min.js"></script>
  <script>
    var remFit = new RemFit(375,true)
    remFit.init()
    window.addEventListener('resize', function () {
      remFit.init()
    })
    var parseSearch = Qs.parse(window.location.search, { ignoreQueryPrefix: true })
  </script>
  <link rel="stylesheet" href="../helpers/plyr.css">
</head>
<body>
  <div class="content">
    <div class="tag"></div>
    <div class="userinfo">
      <img id="avatar" crossOrigin="anonymous"/>
      <div class="cont">
        <p class="name" id="name"></p>
        <p class="sub" id="subjectName"></p>
      </div>
    </div>
    <p class="desc">
      管乐迷使用云练习可太好用了！演奏越来越好了，我的演奏快来看看吧！
    </p>
    <div class="video-container">
      <video
        id="video"
        class="video"
        src=""
        data-poster="./icons/videobg.png"
        controls="false"
        preload="metadata"
        playsinline
      />
    </div>
    <div class="line"></div>
    <div class="app">
      <div class="app-info">
        <div class="app-title">管乐迷</div>
        <div class="app-desc">管乐学习的<span>不二选择</span></div>
        <div class="app-subtitle">云练习见证你的成长！</div>
      </div>
      <img src="./icons/qrcode.png"/>
    </div>
  </div>
  <script src="../helpers/plyr.min.js"></script>
  <script>
    new Plyr(document.querySelector('.video'), {
      controls: ['play-large', 'play', 'progress', 'current-time', 'airplay', 'fullscreen',],
      fullscreen: {
        enabled: true,
        fallback: true,
        iosNative: true,
      }
    })
    document.getElementById('avatar').src = (parseSearch.avatar || './icons/avatar.png') + '?v=' + parseInt(Math.random() * 10000000)
    document.getElementById('name').innerText = parseSearch.name || ''
    document.getElementById('subjectName').innerText = parseSearch.subjectName || ''
    document.getElementById('video').src = parseSearch.src
  </script>
  <!-- <script src="./index.js"></script> -->
</body>
</html>