audio 要素や Web Audio API など、Web ページで音声を再生する方法と、ブラウザーによる制限の記事です。
タグ
#音声 (audio)
記事 (6 件)
- Web Speech API でブラウザーにテキストを読み上げさせる ブラウザーの標準機能 Web Speech API の speechSynthesis と SpeechSynthesisUtterance で、テキストを読み上げる方法を説明します。声の選び方 (getVoices と voiceschanged)、言語・速さ・高さの指定、非公式の API を使わない理由も扱います。
- スマートフォンで音声を再生・シークできないときは、配信のしかたを疑う 音声ファイルが再生できない、途中から再生できないといった問題は、ブラウザーではなく配信する側が原因のことがあります。Range リクエストと 206 Partial Content、Content-Type、PHP で返すときの注意と、curl での確かめ方を説明します。
- iPhone の Safari で音を鳴らすときの制限と対処 iPhone の Safari で音を鳴らすときに知っておきたい制限 (タップがきっかけでないと再生できない、volume を変えられない、audio 要素を重ねにくい) と、Web Audio API を使った対処、play() の失敗の捕まえ方を説明します。
- Android のブラウザーで音声を再生する ── 自動再生の決まりと対応形式 Android のブラウザーで音声を再生するときの考え方を、昔の機種ごとの違いと今の状況、自動再生のポリシー、対応する形式と canPlayType() での確かめ方、audio 要素に複数の source を書く方法に分けて説明します。
- スマートフォンの Web で音を鳴らす方法のまとめ スマートフォンのブラウザーで音を鳴らす方法を、audio 要素と Web Audio API の使い分け、自動再生のポリシー、対応する形式、iOS の音量の制限、マナーモードとの関係、かつての Flash との違いに分けて整理します。
- 音声の再生は、利用者の操作の中で始める 音声の再生が許されるのは、タップなどの操作に続く処理の中だけです。どこまでが操作に続く処理と見なされるのかを、ユーザーアクティベーションの仕組みと navigator.userActivation を使って説明し、確実に音を出せる書き方を紹介します。