Включить эту команду через кнопку - PullRequest
Новая
       14

Включить эту команду через кнопку

0 голосов
/ 18 октября 2018

В настоящий момент следующая команда работает автоматически.Мне интересно, как я могу создать кнопку, которая включит команду getUserMedia, и впоследствии отобразить текст ниже.

navigator.getUserMedia = (navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia);

if (navigator.getUserMedia) {
navigator.getUserMedia({
video:true,  audio: true
},
function(stream) {
  // returns true if any tracks have active state of true
  var result = stream.getVideoTracks().some(function(track) {
    return track.enabled && track.readyState === 'live';
  });

  if (!result) {
    $('.abada').append('<h4>2000(works)</h4>');
  } else {
     $('.abada').append('<h4>2000(works)</h4>');
  }
  },
  function(e) {
  $('.abada').append('<h4>2001(does not work)</h4>');
 });
 }

1 Ответ

0 голосов
/ 18 октября 2018

Ключом здесь является использование функции onclick.Таким образом, мы можем использовать:

onclick="function" в качестве атрибута для тега HTML, 

var element = document.querySelector("#button");

element.addEventListener("click", function);,

element.onclick = function; оба приемлемы в JavaScript,

var element = $("#button");

element.on("click", function);,

element.click(function); в jQuery.Ниже показано:

Использование jQuery: 

$('#button').on("click", function () {
    if (navigator.getUserMedia) {
        navigator.getUserMedia({
            video: true, audio: true
        }, function(stream) {
             // returns true if any tracks have active state of true
             var result = stream.getVideoTracks().some(function(track) {
                 return track.enabled && track.readyState === 'live'; 
         });
         if (!result) {
             $('.abada').append('<h4>2000(works)</h4>'); 
         } else {
             $('.abada').append('<h4>2000(works)</h4>');
         }
     }, function(e) { $('.abada').append('<h4>2001(does not work)</h4>'); 
    });
);

HTML: 

<button id="button">Click Me For Streaming</button>
...