タグ

html5と動画に関するionisのブックマーク (6)

  • ビデオシリーズ:HTML5 でのゲーム開発

    この記事は “HTML 5 game development video series” の抄訳です。 ゲーム開発に興味ありますか?HTML5 でのゲーム開発を始めるのにピッタリなビデオをまとめてご紹介します。 なぜ HTML5 で開発するのか? 最初のビデオは、Web 向けにゲームを開発するる理由について解説しています。流通時の摩擦や、がっちりしたマーケットプレースからの解放、開発ツールにおける選択の自由、利用可能な API といったテーマを解説しています。 Why an HTML 5 game: https://youtu.be/XjtlsAP6Oic ゲームエンジンとライブラリ 2つ目のビデオでは、現在のゲームエンジンとライブラリを概観します。Phaser のような JavaScript のライブラリだけでなく、Unity のような HTML5 へ出力できるマルチプラットフォームなエ

    ビデオシリーズ:HTML5 でのゲーム開発
  • みんなが好きな場面はどこだろう。動画上で投票できる動画プレーヤ·HTML5 Video Voting MOONGIFT

    HTML5 Video Votingは動画と投票システムを組み合わせた動画プレーヤ。 HTML5 Video VotingはHTML5/JavaScript製のオープンソース・ソフトウェア。多くのWebプログラマーはFlashが苦手だ。デザインとスクリプト言語が組み合わさっているため、両方を習得する必要があるのが原因と思われる。HTML5によってFlashに頼らずともできることが増えたのは朗報だ。 動画の下にあるのが投票結果 そんなHTML5の中で注目を集めているのがvideoタグだろう。これまではFlashやプラグインを使わなければならなかった動画再生が手軽に実現する。そんなvideoタグを使って作られたソフトウェアがHTML5 Video Votingだ。 HTML5 Video Votingは動画プレーヤと投票システムを組み合わせた面白いソフトウェアだ。動画が再生されている時に気に入

  • HTML5のvideoタグにさらなる魅力を。指定時間からの再生と字幕機能を追加·Cuepoint.js MOONGIFT

    Cuepoint.jsはHTML5のvideoタグにキューポイントと字幕機能を追加するJavaScriptライブラリ。 Cuepoint.jsはHTML5/JavaScript製のフリーウェア(ソースコードは公開されている)。HTML5から新たに加わったvideoタグ。動画をHTML標準の技術だけで閲覧できるようになるのは魅力だが、単純にそれだけでは既存の技術には敵わないだろう。 上にあるのが字幕 ユーザにとってみれば機能が足りなければ敢えてvideoタグを使う理由にならないはずだ。だがHTML5の魅力は独自の拡張性にある。videoタグについてもCuepoint.jsを使えばさらに魅力を増すはずだ。 Cuepoint.jsはvideoタグに対してキューポイントと字幕機能を追加するソフトウェアだ。字幕は動画の上に重なって表示されるようになっている(配置は変更できるだろう)。また、指定時間後

  • CSS3、HTML5、jQuery、デザインなどウェブ制作のテクニックが動画で学べるサイト

    CSS3、HTML5、jQuery、ウェブデザインなど、ウェブ制作のテクニックが動画で学べるサイトを紹介します。 Learn Web Design! HTML 5 & CSS3 Video Tutorials & Training Resource [ad#ad-2] 動画は有料会員向けのコンテンツですが、無料でも数多くの動画を見ることができます。無料で見るときに、登録などは必要ありません。 動画はすべて英語で、英語が苦手な人でもコードや成果物を見るだけでも勉強になると思います。下記にいくつか紹介します。

  • Google製のオープンな動画フォーマット·WebM MOONGIFT

    WebMはGoogle製のオープンソース・ソフトウェア&プロジェクトHTML5の仕様が定まっていく中で、一番もめているのが動画フォーマットだ。videoタグで再生される動画について、現状のデファクトH.264はAppleやマイクロソフトが特許を持っている技術であり反発が起こっている。 WebMで再生中 そこで注目を集めていたのがGoogleが買収したOn2 Technologiesが持っているVP8と呼ばれる動画フォーマットだ。そして彼らが成し遂げたのがWebM Projectだ。WebM ProjectはVP8をベースにした動画フォーマットをオープンソースとして公開する。 高圧縮、高品質な動画フォーマットであり、H.264と比較されるだけあって優秀な動画フォーマットではある。現在、FFMPEG向けのパッチが提供されており、これを使えば対応動画からWebMフォーマットでの出力が出来る。

    Google製のオープンな動画フォーマット·WebM MOONGIFT
    ionis
    ionis 2010/05/21
    動画フォーマット。H.264はappleやMSが特許持っているから、オープンソースでgoogle様が出してみた。Youtube対応もする。ffmpeg向けのパッチがある。WMPで再生する方法もある。しかし、ここでも対立してるなこの企業達はww
  • HTML5による動画プレーヤ·Projekktor MOONGIFT

    ProjekktorはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5の中で最も注目を集めているのがvideoタグだろう。これがFlashから置き換わるか否かによって、今後のシェア争いに大きな変化が出てくるはずだ。H.264は導入が難しい状況ではあるが、まだまだ分からない。 多様なブラウザに対応 HTML5を使った動画プレーヤを提供するのはさほど難しくないかも知れないが、HTML5に対応していないブラウザまで含めて対応しようとすると工数がかかってしまう。そこでHTML5対応の動画プレーヤProjekktorを使ってみよう。 ProjekktorはIE7/8、Firefox、Safari、Chrome、Operaといった主要ブラウザに対応した動画プレーヤだ。HTML5によるvideoタグに対応している。動画フォーマットはOggやH.264に対応しており、ブラウザに

    HTML5による動画プレーヤ·Projekktor MOONGIFT
    ionis
    ionis 2010/04/14
    主要なブラウザには対応したプレーヤー
  • 1