エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ブラウザで音声ファイルを任意のタイミングで再生する方法 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ブラウザで音声ファイルを任意のタイミングで再生する方法 - Qiita
概要 ブラウザで音声ファイルを再生する実装をする際に多くの場合は、HTMLMediaElementベースのaudioタ... 概要 ブラウザで音声ファイルを再生する実装をする際に多くの場合は、HTMLMediaElementベースのaudioタグやAudio()コンストラクターで事足りると思います。が、iOS Safari16.0ではClick Eventを都度拾わないと再生ができない状況に出くわしました。そこで本記事では、その回避策としてAudioContextを利用したWebブラウザで音声ファイルを任意のタイミングで再生する実装を以下に記します。(iOS Safari16.0, Android Chrome108で動作確認) 実装方法 // WebKitを使えるように型拡張 declare global { interface Window { webkitAudioContext: typeof AudioContext } } /** * 一度のclickイベントの後なら自由に音声ファイルを操作できるよう