タグ

html5とaudioに関するnakagawaxのブックマーク (2)

  • 音を操るWeb技術 - Web Audio API入門 - ICS MEDIA

    Webにおける表現はどんどん進化しています。Webサイトには当然のように動画が埋め込まれるようになり、CSSSVG、canvasでのさまざまな表現が頻繁に見られるようになりました。さらにAR、VRといった表現も台頭し筆者も毎日ワクワクしながらインターネットの海を泳いでいます。 その中であまりメジャーではないと感じるのは「音」による表現です。もちろん音を用いた素晴らしいWebサイトはたくさんありますが、環境の制約が視覚表現以上に大きいため多くは見られないのでしょう。 とはいえ、音と視覚表現を組み合わせることによって表現できる世界観、インタラクション、その他諸々は計り知れないと筆者は思っています。今後オーディオなどの技術の進歩によって上記で述べた制約も乗り越えられるようになるかもしれません。時代を先どりしたい読者に向けて、今回の記事ではWebで音を扱う技術Web Audio APIについてお

    音を操るWeb技術 - Web Audio API入門 - ICS MEDIA
  • HTML5 audioタグを使って音声を再生する方法 | TechBooster

    上記のpreload属性は音声ファイルの事前読み込みの有無を指定する為の属性です。 ユーザが再生を開始する前にあらかじめ音声ファイルを読み込んでおくことでスムーズに再生を始めることができます。 preload属性に指定可能な値は以下のようなものがあります。 none : 音声ファイルを事前に読み込まない metadata : 動画のサイズ(幅や高さ)、1フレーム目の画像、再生時間など、動画のメタデータのみ取得する auto : 音声ファイルを事前に読み込む 省略時、代表的なブラウザではautoが選択されます。 音声フォーマットのブラウザ対応 また、これもvideoタグと同様にsourceタグを使って再生可能な音声ファイルを設定することができます。 この中からブラウザが対応している音声ファイルが再生されます。 (ブラウザが複数の音声ファイルに対応している場合は、記述した順に対応可能なものが再

    HTML5 audioタグを使って音声を再生する方法 | TechBooster
    nakagawax
    nakagawax 2014/04/23
    ★音声をサイト上で再生させる方法
  • 1