iOS(iPhone)、iPadOS(iPad)で、WebRTCを使ったカメラのズームをしたい

Question

ブラウザからWebRTC APIを利用してカメラを操作し、ズーム（拡大縮小）を行いたい。

ブラウザから、WebRTC API を使って、撮影するページを作成中です。
PC、Android、iOS(iPadOS)のブラウザで動作を確認しています。
カメラ動作、および撮影したデータをファイル保存までは実装出来たのですが、
ズーム機能を付けようとしたところ、Android(Chrome)以外で動作しませんでした。

具体的には、getSettings() メソッドで取得した情報で、zoom が利用不可となっていました。

恐らくiOSなどでは、別の方法での実装が必要かと思うのですが、
何か良いサンプルか、方式がありましたら、教えてきただけないでしょうか？

なお、以下のサイトを参考に実装しています。
https://googlechrome.github.io/samples/image-capture/update-camera-zoom.html

該当ソースコード(抜粋)

【Javascript部分】

window.onload = () => {
  const video  = document.querySelector("#camera");
  /**
   * カメラを<video>と同期
   */
  navigator.mediaDevices.getUserMedia(constraints)
  .then( (stream) => {
    video.srcObject = stream;
    video.onloadedmetadata = (e) => {
      video.play();
    };
  })
  .catch( (err) => {
    console.log(err.name + ": " + err.message);
  });
  /**
   * ズーム（－）ボタン
   */
  document.querySelector("#zoomDown").addEventListener("click", () => {
    zoom(video, -1);
  });
  /**
   * ズーム（＋）ボタン
   */
  document.querySelector("#zoomUp").addEventListener("click", () => {
   zoom(video, +1);
  });
};

function zoom(video, scale) {
  if (video.srcObject !== undefined && video.srcObject !== null) {
      if (video.srcObject.active) {
        var tracks = video.srcObject.getTracks();
        if (tracks.length > 0) {
          var settings = tracks[0].getSettings();
          var capabilities = tracks[0].getCapabilities();
          var zoom = settings.zoom;
          if (capabilities.zoom !== undefined) {
            if (settings.zoom !== undefined) {
              if (scale > 0) {
                // 引数が0より大きい場合、拡大する
                zoomSize = zoomSize + capabilities.zoom.step;
                if (zoomSize > capabilities.zoom.max) {
                  zoomSize = capabilities.zoom.max;
                }
              } else {
                // 引数が0より小さい場合、縮小する
                zoomSize = zoomSize - capabilities.zoom.step;
                if (zoomSize < capabilities.zoom.min) {
                  zoomSize = capabilities.zoom.min;
                }
              }
              tracks[0].applyConstraints({ advanced : [{ zoom: zoomSize }] });
            }
          } else {
            // WebRTCズーム非対応の場合
          }
          document.querySelector("#log").value = log;
        }
      }
    }
}

【HTML Body以下】
  <video autoplay muted playsinline id="camera" width="600" height="600"></video>
  <form>
    <button type="button" id="zoomDown" >ズーム（－）</button>
    <button type="button" id="zoomUp" >ズーム（＋）</button><br/>
  </form>