Propiedad activa HTML DOM MediaStream

La propiedad activa de MediaStream devuelve el valor booleano de la secuencia actualmente activa en el documento HTML. Esta propiedad es de sólo lectura. Si la secuencia está actualmente activa, devuelve verdadero ; de lo contrario, devuelve falso.

Sintaxis:

var isActive = MediaStream.active;

Valor devuelto: esta propiedad devuelve un valor booleano.

Ejemplo 1: en este ejemplo, la propiedad de audio está permitida y la propiedad de video no está permitida.

HTML

<!DOCTYPE HTML>
<html>
  
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
      
    <h3>
        HTML | MediaStream active property
    </h3>
  
    <button onclick="Geeks()">
        click here
    </button>
  
    <h2 id="GFG_DOWN"></h2>
  
    <script>
        function Geeks() {
            var gumStream;
            var el_down = document.getElementById("GFG_DOWN");
            var gumStream = "x";
            navigator.getUserMedia({ audio: true, video: false },
                function (stream) {
                    gumStream = stream;
                    el_down.innerHTML = gumStream.active;
                },
                function (error) {
                    console.log('getUserMedia() error', error);
                });
        }
    </script>
</body>
  
</html>

Producción:

Ejemplo 2: en este ejemplo, la propiedad de audio no está permitida y la propiedad de video sí.

HTML

<!DOCTYPE HTML>
<html>
  
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
      
    <h3>
        HTML | MediaStream active property
    </h3>
  
    <button onclick="Geeks()">
        click here
    </button>
  
    <h2 id="GFG_DOWN"></h2>
  
    <script>
        function Geeks() {
            var gumStream;
            var el_down = document.getElementById("GFG_DOWN");
            var gumStream = "x";
            navigator.getUserMedia({ audio: false, video: true },
                function (stream) {
                    gumStream = stream;
                    el_down.innerHTML = gumStream.active;
                },
                function (error) {
                    console.log('getUserMedia() error', error);
                });
        }
    </script>
</body>
  
</html>

Producción:

Ejemplo 3: En este ejemplo, se permiten tanto la propiedad de audio como la propiedad de video.

HTML

<!DOCTYPE HTML> 
<html> 
    
<body style="text-align:center;"> 
    <h1 style="color:green;"> 
        GeeksForGeeks 
    </h1> 
    <h3> 
        HTML | MediaStream active property
    </h3> 
    
    <button onclick="Geeks()"> 
        click here 
    </button> 
      
    <h2 id="GFG_DOWN"></h2> 
      
    <script> 
    function Geeks() { 
        var gumStream;
        var el_down = document.getElementById("GFG_DOWN"); 
        var gumStream = "x";
        navigator.getUserMedia({audio: true, video: true},
            function(stream) {
                 gumStream = stream;
                 el_down.innerHTML = gumStream.active;
            },
            function(error) {
                console.log('getUserMedia() error', error);
            });
    }
    </script> 
</body> 
  
</html>

Producción:

Navegadores compatibles:

  • Google Chrome
  • Borde
  • Firefox
  • Safari

Publicación traducida automáticamente

Artículo escrito por SHUBHAMSINGH10 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 *