Atributo de origen cruzado HTML <audio>

El atributo HTML crossorigin se usa en el elemento <audio> que admite una solicitud CORS cuando intentamos obtener los archivos de audio de los servidores de terceros o de otro dominio. 

Sintaxis:

<audio crossorigin="anonymous | use-credentials">

Valores de atributos:

  • 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 : el siguiente código ilustra el uso del atributo crossorigin en el elemento <audio>. Se establece en el valor «anónimo» que recuperó los archivos de audio sin pasar la información de credenciales.  

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>HTML audio crossorigin Attribute</title>
</head>
  
<body>
    <center>
        <h1>GeeksforGeeks</h1>
        <h2>HTML audio crossorigin Attribute</h2>
        <b>
            <p>Audio Sample</p>
        </b>
  
        <!-- Use of crossorigin Attribute in audio element -->
        <audio crossorigin="anonymous" controls>
            <source src="test.mp3" type="audio/mp3" />
            <source src="test.ogg" type="audio/ogg" />
        </audio>
    </center>
</body>
  
</html>

Producción:

Navegadores compatibles:

  • Google Chrome 94.0 y superior
  • Firefox 92.0 y superior
  • Microsoft Edge 93.0
  • Ópera 79.0

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *