maintenancemaintenance
HTML 5 Video – DOM Attributes and Events – chipwreck
The last last post was about the HTML 5 video tag, now we’ll have a look at the DOM side of things: Attributes and Events. Additional to the standard attributes (like width, height, id…) there are some attributes specific to the video-tag. To be precise: These attributes are not all specific to the video tag, some are also used for the audio-tag. Display attributes src (string): The source file po
様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」
配布元：Modernizr ライセンス：MIT & BSD licenses. ModernizrはTwitterなどの大手サイトでも採用されているブラウザの機能の実装状況を調査するためのJavaScriptライブラリです。 たとえばModernizrを読み込んだサイトではhtml要素が次のように書き換えられます。 <html lang="ja" class="no-js"> ↓ <html lang="ja" class="js flexbox flexbox-legacy rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms c
HTML5 VideoでiPadがデジタルサイネージに！ (1/6)
iPadと外部ディスプレイを接続してデジタルサイネージに使う。HTML Videoを再生すると、動画だけがディスプレイに出力される。画像クリックでサンプルページを表示します（iPad専用） iPadが日本で発売されてから1か月ほど経ちました。購入された方はどのように使っているでしょうか。 iPadの魅力は、発売前から話題の電子書籍や電子雑誌のリーダーだけではありません。PCよりも安価で小さく、操作性の良いネット端末としての特性を生かして、「デジタルサイネージ」の用途で活用できるのも魅力のひとつです。 iPadを使ったデジタルサイネージ デジタルサイネージは日本語にすると「電子看板」で、室内・屋外に電子機器を利用して掲示する広告のことです。写真や文字をスライド表示したり、派手なCGや動画を表示したりと、さまざまなタイプがあります。 デジタルサイネージは、iPad本体だけでも標準のスライド機能
オンラインカジノ おすすめ｜初心者向けに安全性・仕組み・ゲーム種類を徹底解説【最新版】
{"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"slots":false,"live_games":false,"is_live_dealer":false,"payment_methods":false,"sport_types":false,"live_streaming":false,"cash_out":false}]} ウェルカムボーナス {"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"sl
HTML5 Videoの対話的実行ツールを作ってみた。 - 風と宇宙とプログラム
新しいことを覚えて自分のものにする最も確実な方法は、自分の手を動かして実際に確かめることと思っています。新しいプログラミング言語を覚えるときも、ただ単に本を読んでいるだけではなかなか身につきませんが、実際にキーボードを叩いて結果を確認するだけでも、すごく身近に感じられるようになります。恐らく、実行してすぐ結果を確認できるということが学習効果を高めるのでしょう。 今回、HTML5のビデオ要素について、対話的にJavaScriptコマンドを実行して結果を確認できるようなものを作ってみました。画面イメージは下のようなものです。左側にJavaScriptのコードを入力できるshellもどきの領域があり、右側にビデオとその下にいくつかのボタンがあります。 JavaScriptの入力領域はbashライクなコマンド編集機能をつけました。キーバインドはemacsと同じです。Control-A,B,D,E,
05. メディア再生に関するJavascript API » HTML5 -
video／audio要素は、単にタグを貼りつけて再生を行えるだけでなく、Javascriptを用いて細かい制御を行うことも可能である。再生や一時停止、再生速度の変更などは当然ながら、再生位置を変更したり、ダウンロードや再生の進捗状況などをイベントとして補足し、処理を行うこともできる。Javascript APIを用いることで、カスタマイズされたプレイヤーを作ることが可能になる。 メディアの再生に関するJavascript API メディアの再生に関するAPIには、以下のようなものがある。 src src属性の値に対応。 currentSrc 実際に読み込み／再生を行っているメディアデータのURL。 currentTime 現在の再生位置を表す秒数。 duration メディアデータの長さを表す秒数。 paused 一時停止中かどうか。 defaultPlaybackRate デフォルトの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
