タグ

WEB制作とaudioに関するfukudamasa09のブックマーク (2)

  • video/audio要素 HTML5で動画や音声を利用しよう!

    <video>や<audio>タグで動画や音声を再生する HTML5では、動画や音声といったマルチメディアコンテンツを取り扱うことができるようになりました。従来、こうしたコンテンツの再生にはFlashなどのプラグイン技術が必須とされてきました。 しかし、HTML5では<video>や<audio>といったタグを用いてマークアップを行うだけで、簡単に動画や音声の再生を行えます。それだけではありません。ブラウザによって直接これらの要素がサポートされることで、JavaScriptCSSといった他のWeb技術とも非常に親和性が高いのも利点の1つです。JavaScriptを駆使して独自のビデオプレーヤを作ることも、CSSを使って動画にエフェクトを施すことも容易です。 今回から数回にわたって、HTML5のマルチメディア機能を掘り下げて解説したいと思います。主に取り上げるコンテンツは以下のようなもので

    video/audio要素 HTML5で動画や音声を利用しよう!
  • ゼロからはじめるHTML5でのサイト制作/最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive

    前回までの記事で簡単なレイアウトを作成して、xhtmlHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説:(有)ムーニーワークス 林 豊/田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT

    ゼロからはじめるHTML5でのサイト制作/最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
  • 1