使用 JavaScript 函数与 HTML 音频对象交互

Question

我想与 HTML DOM 音频对象中的垂直椭圆进行交互。这是一个示例音频对象：（来源：w3schools，原始 HTML 取自 https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_audio_controller）

<!DOCTYPE html>
<html>
<body>

<audio id="myAudio" controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>
</body>
</html>

我成功实现了 pause/play 控件，返回了歌曲的持续时间并获得了 SRC。这里我创建了一个执行 myFunction() 的按钮来点击播放按钮：

<!DOCTYPE html>
<html>
<body>

<audio id="myAudio" controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
  var x = document.getElementById("myAudio");
  x.play();
}
</script>

</body>
</html>

我想做的是点击垂直省略号

然后再次点击下载歌曲。

我的问题是：单击音频对象中的垂直省略号的 JavaScript 代码是什么？

Answer 1

你不能。其实播放器的UI不一定是标准的。它可能因平台而异。

您可以使用 .src 获取媒体元素的 src 属性并通过 Fetch API 或类似的方式自行下载。

使用 JavaScript 函数与 HTML 音频对象交互

Interacting with HTML audio object using JavaScript function

javascript

html5-audio