webアプリで起動したスマホカメラでストロボ効果を実現したい

Question

スマホのカメラをブラウザ上で起動し、画面のフレームレート（fps）を変更することでストロボライトのようなアプリを作成できないか検討しています。

理想とするアプリは、ネイティブアプリですが、以下のものです。
https://apps.apple.com/jp/app/video-tachometer/id1492583587

現在、カメラ映像のフレームレートを変更しているのですが、作成したアプリでカメラ越しに回転体（模様が描かれたコマなど）を見てみても、描かれた模様が止まって見えるような理想とする動きになりません。
https://www.nissin-ele.co.jp/zoetrope/index.php
上記の例では、フラッシュライトの間隔により実際に目で見た時にストロボ効果を得られるようになっていますが、webアプリとして実装したいのと、iOSのLED制御はブラウザ上ではできないので、フレームレートでなんとかできないか検討しています。

そもそもフレームレートを変更するだけでは、理想とするストロボ効果は得られないのでしょうか。
理想のアプリとの違いが何かわからず、こちらに質問させていただきました。

また、現在のコードは以下のようになっています。

const medias = {audio : false,
  video : true
  // video : {
  //   facingMode : {
  //     exact : "environment"
  // }
  // }
};

const video = document.getElementById("video");
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const promise = navigator.mediaDevices.getUserMedia(medias);

promise.then(successCallback)
       .catch(errorCallback);

function successCallback(stream) {
  video.srcObject = stream;
  requestAnimationFrame(draw);
}

function errorCallback(err) {
  console.log(err);
  alert(err);
}

var fps = 10;

function draw() {
  setTimeout(function() {
    requestAnimationFrame(draw);
    canvas.width  = window.innerWidth;
    canvas.height = window.innerHeight;
    ctx.drawImage(video, 0, 0);
  }, 1000/fps);
}