CSS3/jQueryでオリジナルのHTML5 videoプレーヤを作成してみよう
コントローラUIの設計 <video>要素を使用した場合、表示されるコントローラはWebブラウザによって異なる。 Webブラウザ別のネイティブなビデオコントローラ - Figure 1: Native browser video controls across different browsersより引用 再生、一時停止、シークなどあらゆる機能/ボタンはMedia elements APIをとおして、JavaScriptでアクセス/操作することが可能だ。これらのコントローラUIは、HTML/CSS/SVGなどで自由に組みたてられる。 コントローラのマークアップ まず最初にこれらコントローラをマークアップする必要がある。さきほどのWebブラウザ別ネイティブビデオコントローラを見て分かるとおり、プレーヤには次の機能が求められる。 再生/一時停止ボタン シークバー タイマー ボリューム調節ボタン
JW FLV Media Player - tech.ludicmind.net
概要 JW FLV Playerはビデオ、オーディオをサイトに追加する簡単で柔軟な方法です。Flash Playerが扱える各種フォーマット(FLV, MP4, MP3, AAC, JPG, PNG, GIF)を再生できます。RTMP, HTTP, ストリーミングや各種プレイリスト、キャプション、多様な設定やJavaScript APIもサポートしています。新しいスキン機能で見ためを完全にカスタマイズできます。 バージョン4.1のリリースで新しいストリーマーflashvar(RTMP + HTTP)、トークンベースのセキュリティ、色のflashvarsを導入し、数多くの修正を行いました。 設置 ここではシンプルな設置方法を解説します。最初にplayer.swfとswfobject.jsをZipから取り出しサイトにアップします。再生したいビデオ/楽曲/画像もアップします。 次に、下記のコード
Adobe製、AjaxでFLVを制御するオープンソース「Flash-Ajax Video Component」：CodeZine
Adobeは27日、Adobe Labsを通じて「Flash-Ajax Video Component」を公開した。BSDライセンスのオープンソースとして提供されており、サンプルソースをダウンロードすることもできる。なお、実行にあたってはFlashのグローバルセキュリティ設定の「許可」が求められる場合がある。 「Flash-Ajax Video Component」は、FLV（Flashビデオファイル）の実行をHTMLとJavaScriptのみで制御するコンポーネント。呼び出し側の制御に従い、コンポーネントがFLVを操作する。WebサイトにおけるFLVの実行はswfファイルを通じて行われることが多いが、このコンポーネントを使うことで、HTMLベースのWebサイトにおいても、Flashビデオを再生するのが容易になる。 サンプルソース 「favideo_072707.zip」にはサンプル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.seo-maniax.com/high-rank/flv-buries.php
