複数のコーデックが存在しており、ブラウザの対応状況もバラバラ。HTML5 Videoをサポートしない古いブラウザもあるため、そうしたブラウザに対してはFlashやSilverlightを受け皿として使う必要がある。またHTML5 VideoのUIは規定されておらず、ブラウザごとに違っている。UIを統一するにはJavaScript/CSSを使ったコーディングが必要。 対策1. ネストHTMLテクニック Video for Everybody!で紹介されているネストHTMLテクニックを使う。次のHTMLのようにvideo要素の内部に複数のコーデックファイルの指定とFlashを受け皿として記載するというもの。なおこのテクニックでは記述の順序にも意味がある。 <video width="640" height="360" controls> <source src="target.mp4" typ
Overview HTML5 is the fastest growing web development trend and HTML5 video as a part of HTML5 becomes the new natural way to show video online. iPad, iPhone, Android, all new browsers declare the support for HTML5 video. It's great, but what is the usual route to create HTML5 video? First you need to find converters and make three versions of your video - .OGG, MP4, WebM. Then, to provide the com
MediaElement.js Plugins Boost your player with Chromecast, Google Analytics and more Look good. Sound good. MediaElement.js is a blazingly fast and amazingly powerful HTML5 audio and video library that creates a unified feel for media files (MP4, MP3), streaming content (HLS, M(PEG)-DASH), and embeddable players like YouTube, Vimeo, Twitch, DailyMotion, Facebook, and SoundCloud.
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って? ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
6/28にGoogleからSWFファイルをiOS等で見る事のできるHTML5コンテンツに変換する「Swiffy」が発表されました。 Swiffy http://swiffy.googlelabs.com/ Swiffy ギャラリー ※アニメーションや簡単なミニゲームが試せます http://swiffy.googlelabs.com/gallery.html [engadget]Google、FlashをHTML5に変換するツールSwiffyを公開より Google が Flashの .swf ファイルをHTML5コードに変換するウェブベースのツール Swiffy を公開しました。Flashプラグイン前提のブラウザ向けに制作した従来の .swfファイルを、iPhone や iPad などFlashが動かないけれど HTML5対応は進んだ環境向けに再利用できます。 Swiffy が現時点で対
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く