タグ

HTML5に関するw7treeのブックマーク (6)

  • Validator.nu

    This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change Validator.nu (X)HTML5 Validator (Living Validator)Validator InputDocument

    w7tree
    w7tree 2013/05/24
    HTML5対応の文法チェック
  • Canvas を使ってみんなもお手軽に弾幕作ろうぜ!! - 其の壱 - - 凹みTips

    はじめに 勉強がてら Canvas を使ってなにか作りたいなーと思いまして、昔作っていた STG のドット素材を利用して、簡単なマルチタッチ対応 STG を作ってみました。 だんまくてすと 触った指の数だけゆっくりが出てきます。マウスでもプレイ出来ます。死んだらクリックで復活します。 作成の過程で学んだことなどを共有できればと思い、簡単にまとめてみました。 解説は何回かに分けて行おうと思います。今回は、N-Way 弾が画像で出せるところまで書いてみました。 あ、ちなみにタイトルではこんなこと言ってますが、ぶっちゃけ重いので弾とかエフェクトを1000個とか結構辛いです(´・ω:;.:...。 勉強に使った場所 Canvas - HTML5.JP 今更聞けないcanvasの基礎の基礎 | tech.kayac.com - KAYAC engineers' blog canvasでキラキラした背

    Canvas を使ってみんなもお手軽に弾幕作ろうぜ!! - 其の壱 - - 凹みTips
  • <video>タグで動画を埋め込む-HTML5リファレンス

    ■<video>タグで動画を埋め込む 現在、インターネット上で動画が提供される場合には、Flashなどの独自フォーマットを利用するのが一般的です。 こうした独自フォーマットの動画を再生するには、 それぞれのフォーマットを再生するのに必要なプラグインを、ブラウザに追加インストールする必要があります。 HTML5では、任意の動画フォーマットを文書に埋め込むための<video>タグが追加されています。 この<video>タグを使用することで、ユーザーにプラグインをインストールしてもらうことなく、 HTMLからシンプルに動画を扱えるようになります。 感覚的には<img>タグで画像を扱うような感じです。 <video>タグで文書に動画を埋め込む場合には、例えば以下のように記述します。 とてもシンプルです。 ■ユーザー環境への配慮 <video>タグは、旧いブラウザではサポートされていない場合がありま

  • HTML5のVIDEOタグで動画を再生&旧IEなどではFlashで再生を同一ソースでやってみた html5media | 三日坊主日記NEXT

    うちのホームページはいままで動画はFlashで公開しとったんだけど、そろそろHTML5にしてみることにした。 というのも、最近はスマートフォンからのアクセスも多いから、Flashが再生できん場合には動画がみれん。 ICS向けにリリースされたAndroidChromeはFlashには対応しないとのこと。 これはもう、HTML5対応にするしかないと思って、重い腰を上げてみた。 で、困るのはHTML5に対応していないIE6とかの古いブラウザ向けの対応。 昨日、古いバージョンのIEは今後自動的に最新版にアップデートされるって発表されたから、今後はあまり気にしなくてもいいかもしれないけど、一応、対応しておきたい。 ソースをわけるのは面倒だけ、どうにか共通のソースで対応したいってことで探したらあった。 html5media 使い方はとっても簡単で、1行追加してJSを読み込むようにするだけ。 <scr

  • [JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media

    HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ [ad#ad-2] html5mediaの実装 html5mediaの利用方法は簡単です。 ページに追加する一行 下記をページのhead内に記述します。 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。 video, audioに非対応のIE7でも期待通りに動画が再生されます。 IE6(IE Tester)でのキャプチャ 参考:video, audioのサポート状況 video, audio

  • HTML5学習(5)動画再生-videoタグの基本まとめ- - 青春B■雑記blog‐青酸カリ カラメルシロップ味‐

    HTML5学習のまとめ【HTML5勉強用ページ-学習記事、お薦めリンク集、お薦め書籍まとめ-】はこちら 前回、前々回とスマートフォンに特化した話をしましたが、今回からまた元に戻って、HTML5そのものの話をしていきます。 ということで今回はHTML5の目玉機能の一つ、動画再生です。 HTML5ではvideo要素を使用することでこれまでは主にFlash Player形式を介して行っていた動画再生をブラウザ単体で行うことができます。 動画形式(ブラウザ毎の対応表) videoを使うにあたってまず気にしないといけないのが、各ブラウザが対応する動画形式です。 全ブラウザにて同一フォーマットであれば嬉しいのですが、現状、ライセンスの絡みもありブラウザ毎に対応フォーマットが異なっています。 調べた結果、現時点での対応状況は表にまとめると以下の通りでした。 H.264の拡張子はmp4以外にもありますが、

  • 1