スマホ用のWebARコンテンツの動作確認をしたいです。どのような環境が必要でしょうか。

前提

Web XR APIというものを下記の記事を読みながら試しています。
https://www.codegrid.net/articles/2020-webxr-1/
この記事で出てくるHTMLソースを自分でも用意して確認してみたのですが動きませんでした。
自前の環境で動作確認をできるようにしておきたいです。

HTML：https://github.com/codegrid/2020-webxr/blob/master/01_ar.html (github)

私はHTMLやサーバに関する知識がないので、見当違いな質問であればその点から指摘していただけると助かります。

実現したいこと

デバッグできる正しい動作環境を知る。
ローカルな環境で閉じている＆あまりツールを多用しない構成だとうれしい。

発生している問題・エラーメッセージ

以下の手順でHTMLにアクセスするとボタンがdisabled になっていてクリックできない。

Windows PCでワークスペースを作り、先ほどの「01_ar.html」を用意する
VSCodeの拡張機能”LiveServer”を使用してHTML用のローカルサーバをたてる(http://127.0.0.1:5500/01_ar.html のようなURLが開く)
コマンドプロンプトを開きipconfigでPCのipアドレスを調べる
PCと同じWifiに接続しているスマホ端末から127.0.0.1をPCのipアドレスに差し替えたアドレスでアクセスする

該当のソースコード

line29～

html
1  // 任意のモードが利用可能かを調べる
2  const isArSupported = navigator.xr && await navigator.xr.isSessionSupported( 'immersive-ar' );
3
4  // モードが利用できなければ起動ボタンを無効化
5  $button.disabled = ! isArSupported;