yonge
/
dy-admin-manager


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0,viewport-fit=cover">
  </head>
  <style>
    .item{
      padding: 10px;
      width: 100%;
      box-sizing: content-box;
    }
  </style>
<body>

<div class="item" id="num">当前倍速: 1</div>
<form class="item" id="form">
  <input id="inp" step="0.01" type="number" placeholder="请输入倍速" value="1" />
  <button type="submit">设置</button><br>
</form>

<input class="item" id="file" type="file" accept=".mp3"/>

<audio class="item" id="myVideo" height="176" controls src="./SJE40W8.mp3">
  Your browser does not support HTML5 video.
</audio>

<script>
var vid = document.getElementById("myVideo")

document.getElementById('form').addEventListener('submit', function (evt) {
  evt.stopPropagation();
  evt.preventDefault();
  setPlaySpeed(document.getElementById("inp").value)
}, false)

document.getElementById('file').addEventListener('change', function(evt) {
  var urlObject = window.URL || window.webkitURL || window
  if (evt.target.files.length) {
    var url = urlObject.createObjectURL(evt.target.files[0])
    vid.src = url
  }
}, false)

function getPlaySpeed() {
  alert(vid.playbackRate);
}

function setPlaySpeed(num) {
  document.getElementById("num").innerText = '当前倍速: ' + num
  vid.playbackRate = num;
}
</script>

</body>
</html>