simplify property access

getusermedia.html

@@ -3804,7 +3804,7 @@ <h2>Constrainable Pattern</h2>
     choose.</p>
     <pre class="example">
 const supports = navigator.mediaDevices.getSupportedConstraints();
-if (!supports["aspectRatio"]) {
+if (!supports.aspectRatio) {
   // Treat like an error.
 }
 const constraints = {
@@ -3825,7 +3825,7 @@ <h2>Constrainable Pattern</h2>
     lighting conditions.</p>
     <pre class="example">
 const supports = navigator.mediaDevices.getSupportedConstraints();
-if (!supports["aspectRatio"] || !supports["frameRate"]) {
+if (!supports.aspectRatio || !supports.frameRate) {
   // Treat like an error.
 }
 const constraints = {
@@ -3849,7 +3849,7 @@ <h2>Constrainable Pattern</h2>
     possible, give me a resolution as close to 1280x720 as possible."</p>
     <pre class="example">
 const supports = navigator.mediaDevices.getSupportedConstraints();
-if (!supports["width"] || !supports["height"]) {
+if (!supports.width || !supports.height) {
   // Treat like an error.
 }
 const constraints = {
@@ -4217,7 +4217,7 @@ <h2>Methods</h2>
       <code>MediaStreamTrack</code></a>.</p>
       <pre class="example">
 const supports = navigator.mediaDevices.getSupportedConstraints();
-if (!supports["facingMode"]) {
+if (!supports.facingMode) {
   // Treat like an error.
 }
 const constraints = {
@@ -4237,7 +4237,7 @@ <h2>Methods</h2>
       height:</p>
       <pre class="example">
 const supports = navigator.mediaDevices.getSupportedConstraints();
-if (!supports["deviceId"]) {
+if (!supports.deviceId) {
   // Treat like an error.
 }
 const constraints = {
@@ -4251,7 +4251,7 @@ <h2>Methods</h2>
       <p>And here's one for an audio track:</p>
       <pre class="example">
 const supports = navigator.mediaDevices.getSupportedConstraints();
-if (!supports["deviceId"] || !supports["volume"]) {
+if (!supports.deviceId || !supports.volume) {
   // Treat like an error.
 }
 const constraints = {
@@ -4264,7 +4264,7 @@ <h2>Methods</h2>
       <p>Here's an example of use of ideal:</p>
       <pre class="example">
 const supports = navigator.mediaDevices.getSupportedConstraints();
-if (!supports["aspectRatio"] || !supports["facingMode"]) {
+if (!supports.aspectRatio || !supports.facingMode) {
   // Treat like an error.
 }
 const stream = await navigator.mediaDevices.getUserMedia({
@@ -4283,7 +4283,7 @@ <h2>Methods</h2>
       down to VGA.":</p>
       <pre class="example">
 const supports = navigator.mediaDevices.getSupportedConstraints();
-if (!supports["width"] || !supports["height"]) {
+if (!supports.width || !supports.height) {
   // Treat like an error.
 }
 const stream = await navigator.mediaDevices.getUserMedia({
@@ -4297,7 +4297,7 @@ <h2>Methods</h2>
       VGA.":</p>
       <pre class="example">
 const supports = navigator.mediaDevices.getSupportedConstraints();
-if (!supports["width"] || !supports["height"] || !supports["facingMode"]) {
+if (!supports.width || !supports.height || !supports.facingMode) {
   // Treat like an error.
 }
 const stream = await navigator.mediaDevices.getUserMedia({