HTML5の味見しちゃうよ（1）- ＠IT
HTML5の味見しちゃうよ（1） Web RTC、Face.jsとJSARToolkitのお味は？ シーエー・モバイル 市川 未吏 2012/5/11 Web RTC、Face.jsとJSARToolkitを試した。JavaScriptを使って、Webカメラで顔認識とARをしよう HTML5とか勉強会の分科会発足！ 日々めまぐるしい進化を遂げているWebの世界。その世界に身を置き、興味を惹かれるものは多々あれど、なかなか実践するのは難しいものです。私ももちろん、例外ではありません。 Web先端技術味見部は、気になるあの技術をどこよりも早く取り上げる勉強会です。10人前後の少人数の参加者全員で、気になるフレームワークやAPIなどを味見していきます。 先日開催された、その第0回、第1回の様子を以下にお伝えします。 その名もWeb最先端技術味見部 最初に取り上げたのは「Web RTC」。Web
HTML5でAndroid／iOSアプリを作成できるサービス、ブライトコーブが提供
ブライトコーブは4月12日、HTML5とCSS3、JavaScriptを使ってiOS／Android向けネイティブアプリを作成できるクラウドサービス「Brightcove App Cloud」の提供を始めた。ユーザーは同サービスの利用で、モバイルアプリの作成知識がなくてもiOS／Androidアプリを作成、配信、管理できるようになるという。 ブログや写真、動画など、さまざまなコンテンツを配信するためのアプリを作成できるサービス。作成したアプリはApp StoreやGoogle Playストア（旧Androidマーケット）に公開でき、アプリ内コンテンツを管理するCMS機能、アクセス解析機能なども備える。英語版は以前から提供されており、米国務省や米News Corp.（FOX News）などが同サービスを利用してアプリを作成しているという。 アプリ内では、IDとパスワードによるユーザー認証も設
CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer - かちびと.net
一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。 こういう形で学べるのは面白いですねー。はじめてみるタイプのチュートリアルサイトです。よく、書いたコードがインタラクティブに反映されるサービスがありますが、そのチュートリアル版という感じ。 ブログ形式でチュートリアルを公開しています。 説明するより見た方が早いですね。以下のようなチュートリアルです。Play Walkthroughをクリックするとコードを打っているのが分かります。右はビューエリア。 Make a simple cloud in CSS3 こういう発想は全然なかったですけど、Youtube等の動画で見るより分かりやすい気はします。動画は音声も使ええるのが魅力でしょうけど
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
Google がまだ Flash を使っているサービスでみる脱 Flash の難しさ - てっく煮ブログ
Flash, HTML5スマートフォンの普及が進む中、iPhone には Flash が搭載されず、Android 版 Flash は開発停止になるなど、遅かれ早かれ Web 上から Flash が消えていき、リッチな表現は HTML5 に置き換わっていくことは確実となりました。「これからは HTML5 だ」という印象を世間に強く与えたのが、2009 年の Google I/O でした。Google I/O 2009 レポート グーグルが賭けるHTML 5の未来 − ＠ITGoogle はそれ以降、多くのサービスに HTML5 を取り入れてきました。しかし、いまだに Flash を利用しているサービスがいくつかあります。この記事では HTML5 化していない、または、できていない 5 つの Google のサービスを通してどのこで Flash が使われているのかなぜ Flash が使われて
Webブラウザで動画編集！ - Yanagi Entertainment
html5で videoの任意のフレームをcanvasに描画するメモ - 超自己満足プログラミング http://d.hatena.ne.jp/favril/20100225/1267099197 昨日この記事を見て、これはすごい！ すごいすごい！ ってなって、これができるんならWebブラウザだけで動画編集できるんじゃね？ と思ったりしたので、ざっくり作ってみました。 http://yanagiatool.appspot.com/jsvideo/player.html （MacのSafari4で動作確認。QuickTime + ChromeならWindowsでもいけるかも？） あそびかた 「動画を読み込む」ボタンを押すと、テキストボックスに入ってるurlの動画を読み込みます。「state」って書いてあるところが「stand by」になったら「再生 / 停止」ボタンを押してください。 あとは
「第17回 HTML5とか勉強会」活動報告 | gihyo.jp
HTML5を用いたサイト開発が、どんどん現実的になっています。マイクロソフトからはIE9が日本でもリリースされ、全ブラウザでHTML5 readyの時代がついにやってきました。 また、5月25日（UTC）、ついにHTML5がLast Call（最終草案）を迎えました。今回のLast Callは、HTML5 仕様、すなわち主にマークアップ部分のところを指しており、他の関連仕様（WebStorageやWebSocketなど）は含まれていませんが、大きな一歩であることは間違いありません。 HTML5を用いたサイト開発手法についても、同様のことが言えます。最近では、HTML5対応のオーサリングツールが各社よりリリースされています。これまでは、主にコアな開発者がテキストエディタを用い、開発を行ってきました。しかし、そのままでは裾野は拡がりません。UI開発を支援し、コーディングヒントなどを示してく
iPadは「見る」デバイス、機能よりも使いやすさ--ニコ動がHTML5に対応
ニワンゴは9月29日、動画コミュニケーションサービス「ニコニコ動画（9）」が、HTML5による動画再生に対応したと発表した。Flashを表示できないiPadのウェブブラウザ上でも、動画を視聴したりコメントを投稿できるようになる。 HTML5プレーヤーの開発におけるこだわりやiPad独自の機能について、ドワンゴ執行役員 研究開発本部長の千野裕司氏、HTML5プレーヤープロダクトリーダーの草野翔氏、HTML5プレーヤーUIデザイン担当の篠原友里氏に話を聞いた。 今回対応するHTML5プレーヤーは、iPadに特化したインターフェースになっている。iPadを横位置に持つとフルスクリーン表示になり、画面上をタップすると動画が再生される。また、画面右下のペンのアイコンをタップすると、ソフトウェアキーボードが表示されコメントを投稿できる。 草野氏は「PCで視聴できるFlashプレーヤーほど高機能ではあり
YouTube動画のURLに「&html5=True」をつけるとHTML5プレーヤーで再生できる | ライフハッカー・ジャパン
YouTubeの動画プレーヤーには、FlashのものとHTML5の、2種類があります。 以前までは、Flashプレーヤーだけでしたが、最近になり、HTML5プレーヤーが登場しました。iPhoneのSafariで、YouTube（PC版）を開くと、HTML5プレーヤーが起動しますね。HTML5プレーヤーなら、Flashが搭載していない機種でも、動画の再生が可能です（もちろんHTML 5に対応している必要アリ）。 以下に、HTML5プレーヤーを利用する手順を載せておきます。 まず、YouTubeにアクセスしましょう。 今回は、私が東京湾大華火祭に行ったときに撮った動画で、説明させていただきます。 いつもどおりにアクセスすると、このようにFlashプレーヤーが起動します。そこで、動画のURLの末尾に「&html5=True」とつけてみましょう。 http://www.youtube.com/wa
ニコニコ動画、HTML5に対応へ 9月末予定
ニワンゴは、「ニコニコ動画」で9月末からHTML5による動画再生に対応させる予定だ。Flashが表示できないiPad用Safariでも動画の再生とコメント入力が可能になる。 8月26日開いた「ニコニコ大会議 2010 夏」で明らかにした。HTML5対応のほか、「ニコニコ生放送」のリニューアルも発表。トップページに、ニコ動アカウントなしでも生放送を視聴できるプレイヤーを設置するほか、番組へのタグ付けに対応し、タグによる番組検索が可能になる。また、ユーザーが動画を宣伝できる「ニコニ広告」がニコ生にも対応。ニコニコポイントを使い、放送中の生放送番組を宣伝できる。 ニコ動は10月28日にバージョンアップする予定。次期バージョンの名称や内容は、同日開く「ニコニコ大会議 2010 秋」で披露する。 関連記事 H.264のライセンス料、無料ネット動画は恒久的に不要に YouTube動画のような「エンドユ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mozilla が H.264 をサポートへ、webM 一本化を断念 - Engadget Japanese