Webアプリの動作確認で、モバイルでのみ音が出ません

実現したいこと

・自作のタイマーアプリのタイマー音を、モバイルでも鳴るようにしたい。

前提

Next.js,Reactで作ったタイマーアプリを本番環境でVercelでデプロイしました。
MacBookで動作確認を行った際は問題なくタイマーの音が出たのですが、
「iPhone SE」「iPhone 13」で同様に動作確認を行ったところ、
いずれもタイマーの音が出ません。
その部分以外は動作に問題はなく、タイマーも問題なく動作しています。

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

エラーメッセージ

該当のソースコード

ソースコード

試したこと

・iPhone側のボリュームの確認
・ブラウザの設定で音が出ないようになっていないか確認
・音が出る仕様のある他のWebサイトのアクセスし、それらでは音が出ることを確認
・２種類のiPhoneで確認

補足情報（FW/ツールのバージョンなど）

"react": "^18",
"next": "14.0.4",