HTML5のvideo/audio＋JavaScript APIテクニック
HTML5の＜video＞や＜audio＞タグとJavaScript APIで、自由に動画や音声を楽しもう。カスタムのビデオプレイヤーだって作れる video/audio要素のAPIやイベントを利用する video/audio要素は、JavaScriptを用いた細かい制御を行えるのも特徴の1つです。 カスタムのビデオプレイヤーを作ることも容易ですし、動画からフレームを切り出してCanvasに投影し、グラフィックとして取り扱う、なんてテクニックもあります。 今回は、そうしたJavaScript APIの利用方法について見ていきましょう。なお、この記事は2011年5月25日版の仕様に基づいています。 video/audioに共通のメソッド、プロパティ video要素とaudio要素は、メソッドやプロパティの多くが共通です。そうしたメソッドやプロパティを表すのが以下の一覧です。 MediaErr
http://people.mozilla.com/~prouget/demos/tracker/tracker.xhtml
Args: Threshold (0 -> 255) Work factor Zoom factor Sensibility Display video Display diff Matrix: Sobel Kirsch Harris fps
「ビデオ・音声」と「JavaScript」を使う
ここまででThe Shodo（画面1、注1）に関する主要機能や装飾に関して触れてきましたが、情緒的な演出や機能をサポートする技術も実装されています。今回はそのうちvideo（ビデオ）とaudio（音声）というメディア系の要素と、JavaScriptの利用について紹介します。 video/audio：動画/音声を再生する メディア系のうち、videoはコンテンツと演出の両方に使用しています。videoはHTML5の目玉の一つです。video要素のタグを記述することで、動画を再生できます。ただし、現時点ではブラウザごとに再生できるメディア形式が異なることに注意が必要です。The ShodoはIE9に最適化して開発しているので、同ブラウザがサポートするH.264というコーデックを使っています。また、他のブラウザでも見られるよう、Theoraというコーデックを使用したファイルも置いています。 Th
HTML5で動画や音声再生を可能にするライブラリ集:phpspot開発日誌
Fresh Resources for HTML5 Video and Audio ? woorkup.com HTML5で動画や音声再生を可能にするライブラリ集が紹介されています。 AppleがHTML5の特集ページを公開したりと、今後の動向が気になるところですが、開発者としてはどういったライブラリがあるかを知っておくことで、どちらに流れてもよいように準備をしておきたいですね。 以下、紹介されているライブラリ群です。 FlareVideo - オープンソース、商用利用可能フリーなHTML5動画プレイヤー Video JS - JSベースのフリーのオープンソースHTML5動画プレイヤー.iPhone、iPadにも対応とのこと。 Open-Player - <video><audio>タグに対応したプレイヤー。非対応ブラウザはflashで補完。 jPlayer - <audio>タグに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
