Hi,

I am trying to include the following code on my mobile app:

Html: - 

SyntaxEditor Code Snippet

"<div class='columns'>
  <div class='column'>
    <p><button type='button' onclick= getStream('video')>Grab video</button></p>
    
    <video controls autoplay style='height:180px; width: 240px;'></video>
  </div>
  <div class='column'>
    <p><button type='button' onclick= getStream('audio')>Grab audio</button></p>
    
    <audio controls></audio>
  </div>
</div>"

where the JS node is: document.getElementById(audiocontainer.id).innerHTML  = $parameters.html || "unknown";

JS: I have created a file audio.js which is in "Scripts" with all the JS functions.

function getUserMedia(constraints) {
  // if Promise-based API is available, use it
  if (navigator.mediaDevices) {
    return navigator.mediaDevices.getUserMedia(constraints);
  } // otherwise try falling back to old, possibly prefixed API...

  var legacyApi = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;

  if (legacyApi) {
    // ...and promisify it
    return new Promise(function (resolve, reject) {
      legacyApi.bind(navigator)(constraints, resolve, reject);
    });
  }
}
function getStream(type) {
  if (!navigator.mediaDevices && !navigator.getUserMedia && !navigator.webkitGetUserMedia && !navigator.mozGetUserMedia && !navigator.msGetUserMedia) {
    alert('User Media API not supported.');
    return;
  }
}

It does not work!!! Could you help me. 

Thank you and best regards,

Luis