📌  相关文章
📜  HTML | DOM 音频 canPlayType() 方法(1)

📅  最后修改于: 2023-12-03 15:15:38.203000             🧑  作者: Mango

HTML | DOM 音频 canPlayType() 方法

简介

canPlayType() 方法是 HTML | DOM 音频对象的一个属性，用于判断某种音频格式是否能播放。

语法如下：

audio.canPlayType(mimeType)

  • 参数：mimeType，必需，要测试的音频类型，可能的值有三个：

    • "audio/mpeg"
    • "audio/ogg"
    • "audio/wav"

  • 返回值：可能的返回值有三个：

    • "probably"，表示该格式可以被播放；
    • "maybe"，表示该格式可能可以被播放；
    • ""，表示该格式不支持播放。
示例
<!DOCTYPE html>
<html>
<body>

<audio id="myAudio">
  <source src="music.mp3" type="audio/mpeg">
  <source src="music.ogg" type="audio/ogg">
  <source src="music.wav" type="audio/wav">
</audio>

<p>点击下面的按钮判断是否支持播放MP3格式：</p>

<button onclick="testMP3()">测试 MP3</button>

<script>
function testMP3() {
  var x = document.getElementById("myAudio");
  if (x.canPlayType("audio/mpeg") == "probably") {
    alert("支持 MP3 格式");
  } else {
    alert("不支持 MP3 格式");
  }
}
</script>

</body>
</html>

以上代码会在页面中添加一个音频播放器和一个测试按钮。当我们点击测试按钮时，会弹出一个提示框，告诉我们该浏览器是否支持 MP3 格式的音频播放。如果支持，则提示“支持 MP3 格式”，否则提示“不支持 MP3 格式”。

注意事项
  • canPlayType() 方法仅仅是一个测试方法，无法为浏览器添加新的音频格式支持。
  • 不同浏览器对于音频格式支持情况不同，因此在编写代码前，建议先了解目标浏览器的支持情况。
参考资料