在标准的html5音频元素中获取范围滑块的边界矩形？

<audio id="myAudio" controls>
  <source src="audio.mp3" type="audio/mpeg">
</audio>

<script>
  // 获取音频元素
  var audioElement = document.getElementById("myAudio");

  // 获取范围滑块元素
  var rangeSlider = audioElement.querySelector("input[type='range']");

  // 获取范围滑块的边界矩形
  var rect = rangeSlider.getBoundingClientRect();

  // 输出范围滑块的边界矩形信息
  console.log("范围滑块的左边界：" + rect.left);
  console.log("范围滑块的上边界：" + rect.top);
  console.log("范围滑块的右边界：" + rect.right);
  console.log("范围滑块的下边界：" + rect.bottom);
  console.log("范围滑块的宽度：" + rect.width);
  console.log("范围滑块的高度：" + rect.height);
</script>