タグ

JavascriptとHTML5に関するnakagawaxのブックマーク (2)

  • HTML5 audioタグを使って音声を再生する方法 | TechBooster

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

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

    Responsive bar charts in HTML and CSSBuilding flexible data visualizations for international sites Speed vs. Duration - A use case for mixed unit divisionLearn how to solve the CSS animation challenge of varying speeds across different screen sizes. This post introduces a technique using atan2() and tan() for unitless viewport width calculations and provides practical examples.

    IO 9elements
  • 1