Merge pull request #8 from webrtcHacks/master

support for safari

Author: chadwallacehart

index.html

@@ -55,7 +55,7 @@ <h4>Click one of the buttons below to find camera resolutions:</h4>
  </div>
  </div>
  <div class="row" id="videoarea">
- <video id="video" autoplay></video>
+ <video id="video" autoplay muted playsinline></video>
  </div>
  <div class="row">
  <p id="jump" hidden>Jump to <a href="#bottom">bottom</a> of table</p>

js/resolutionScan.js

@@ -10,7 +10,6 @@
 let video = $('#video')[0], //where we will put & test our video output
  deviceList = $('#devices')[0], //device list dropdown
  devices = [], //getSources object to hold various camera options
- stream,
  selectedCamera = [], //used to hold a camera's ID and other parameters
  tests, //holder for our test results
  r = 0, //used for iterating through the array
@@ -156,7 +155,7 @@ function gum(candidate, device) {
  console.log("trying " + candidate.label + " on " + device.label);
 
  //Kill any running streams;
- if (stream) {
+ if (window.stream) {
  stream.getTracks().forEach((track) => {
  track.stop();
  });
@@ -182,7 +181,7 @@ function gum(candidate, device) {
  captureResults("fail: " + error.name);
  }
  });
- }, (stream ? 200 : 0)); //official examples had this at 200
+ }, (window.stream ? 200 : 0)); //official examples had this at 200
 
 
  function gotStream(mediaStream) {