タグ

javascriptとvideoに関するsekt2oのブックマーク (5)

  • 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

    sekt2o
    sekt2o 2012/09/20
     HTML5のVideoタグで使用できるDOM一覧。これは抑えておきたい!
  • HTML5 VideoでiPadがデジタルサイネージに! (1/6)

    iPadと外部ディスプレイを接続してデジタルサイネージに使う。HTML Videoを再生すると、動画だけがディスプレイに出力される。画像クリックでサンプルページを表示します(iPad専用) iPadが日で発売されてから1か月ほど経ちました。購入された方はどのように使っているでしょうか。 iPadの魅力は、発売前から話題の電子書籍や電子雑誌のリーダーだけではありません。PCよりも安価で小さく、操作性の良いネット端末としての特性を生かして、「デジタルサイネージ」の用途で活用できるのも魅力のひとつです。 iPadを使ったデジタルサイネージ デジタルサイネージは日語にすると「電子看板」で、室内・屋外に電子機器を利用して掲示する広告のことです。写真や文字をスライド表示したり、派手なCGや動画を表示したりと、さまざまなタイプがあります。 デジタルサイネージは、iPad体だけでも標準のスライド機能

    HTML5 VideoでiPadがデジタルサイネージに! (1/6)
  • オンラインカジノ おすすめ|初心者向けに安全性・仕組み・ゲーム種類を徹底解説【最新版】

    {"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,

    HTML5 Videoの対話的実行ツールを作ってみた。 - 風と宇宙とプログラム
  • 05. メディア再生に関するJavascript API » HTML5 -

    video/audio要素は、単にタグを貼りつけて再生を行えるだけでなく、Javascriptを用いて細かい制御を行うことも可能である。再生や一時停止、再生速度の変更などは当然ながら、再生位置を変更したり、ダウンロードや再生の進捗状況などをイベントとして補足し、処理を行うこともできる。Javascript APIを用いることで、カスタマイズされたプレイヤーを作ることが可能になる。 メディアの再生に関するJavascript API メディアの再生に関するAPIには、以下のようなものがある。 src src属性の値に対応。 currentSrc 実際に読み込み/再生を行っているメディアデータのURL。 currentTime 現在の再生位置を表す秒数。 duration メディアデータの長さを表す秒数。 paused 一時停止中かどうか。 defaultPlaybackRate デフォルトの

  • 1