📌  相关文章
📜  HTML DOM Audio crossOrigin 属性(1)

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

HTML DOM Audio crossOrigin 属性

HTML DOM Audio 对象由浏览器提供，可以用来播放音频。其中 crossOrigin 属性用于指定音频的跨域资源共享策略。

语法
audioObject.crossOrigin = "anonymous" || "use-credentials";
  • anonymous：请求不需要凭据（如HTTP身份验证或SSL客户端证书）。
  • use-credentials：请求需要通过身份验证的凭据（如HTTP身份验证或SSL客户端证书）。
示例

以下示例展示了如何使用 crossOrigin 属性加载一个跨域音频文件：

<!DOCTYPE html>
<html>
<head>
  <title>HTML DOM Audio crossOrigin 属性示例</title>
</head>
<body>

<audio id="myAudio" controls>
  <source src="https://example.com/audio.mp3" type="audio/mpeg" crossorigin="anonymous">
</audio>

<script>
  var audio = document.getElementById("myAudio");
  console.log(audio.crossOrigin); // 打印 "anonymous"
</script>

</body>
</html>

需要注意的是，要使跨域请求生效，服务端需要支持 CORS（跨域资源共享）。

参考资料