Q&A
前提・実現したいこと
業務システムの管理画面を閲覧するためにiPad+Safariを使用しています。
1分間に一度画面をリロード（<meta http-equiv="refresh" content="60">)して
その都度、DBに変更が発生しているかチェックし、他の拠点でデータが更新された場合、通知音を鳴らしたいです。
クライアントはiPad Air 又は iPad （iOS 12.3, Safari/604.1）
（サーバーサイドはcakephpで構築しています）
クライアント側の設定は規定を設けてもらう事は可能ですので
コードの改修だけでなくとも、iPad側の設定の方も視野に入れて解決できないものでしょうか。
発生している問題・エラーメッセージ
ここ数年でSafariやChromeの制約が変わり
タッチ制限？タップ制限？というのでしょうか、ユーザが一度でも画面にタッチしないと
自動再生が出来ないという事で、実装がうまく出来ない状況です。
画面表示後、一度画面にタッチすれると音はなりますが、ロードと同時に自動で再生してほしいです。
該当のソースコード
<!DOCTYPE html> <html> <head> <title>サンプル</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <meta http-equiv="refresh" content="15"> <script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.1.1/howler.min.js"></script> <script language="javascript"> window.onload = function(){ var sound = new Howl({ src: ['./hogehoge.mp3'] }); sound.play(); } </script> </head> <body> </body> </html>試したこと
bodyに
「<iframe src="http://example.com/dummy.mp3" allow="autoplay" id="audio" style="display:none"></iframe>
などのように無音の音声ファイルを入れると上手くいく」
のような記事を見つけたので試してみたのですが、状況変わらず。。。
回答1件
0
ベストアンサー
ブラウザの仕様上、ロードと同時に自動再生はできないです。
iframeを使用した裏技のようなものはありますが、
将来使えなくなる可能性があるため非推奨。
(というか使えなくなってきている)
投稿2019/05/21 08:11
編集2019/05/21 08:19
総合スコア2939
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/22 10:48