La propiedad HTML DOM Audio crossOrigin se utiliza para establecer o devolver el valor del atributo crossorigin del elemento <audio>. Este atributo se utiliza para especificar la solicitud HTTP CORS al obtener o cargar la hoja de estilo o los archivos de iconos del servidor de terceros.
Sintaxis:
- Devuelve la propiedad de origen cruzado.
audioObject.crossOrigin;
- Se utiliza para establecer la propiedad de origen cruzado.
audioObject.crossorigin="anonymous | use-credentials;
Valores de propiedad
- anónimo : Tiene un valor por defecto. Define que se enviará una solicitud CORS sin pasar la información de credenciales.
- use-credentials: se enviará una solicitud de origen cruzado con credenciales, cookies y certificado.
Ejemplo 1: El siguiente código HTML devuelve la propiedad de origen cruzado de audio.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<h2>HTML DOM Audio crossOrigin Property</h2>
<audio id="audio" controls crossorigin="anonymous" autoplay>
<source id="mp4_src"
src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.ogg"
type="audio/mp3">
<source id="ogg_src" src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
type="audio/ogg">
</audio>
<br>
<button onclick="my_Geek()">
Return crossorigin property
</button>
<p id="sudo"></p>
<script>
function my_Geek() {
var cors = document.getElementById("audio").crossOrigin;
document.getElementById("sudo").innerHTML = cors;
}
</script>
</center>
</body>
</html>
Producción
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA