タグ

ブックマーク / blog.livedoor.jp/kotesaki (7)

  • こてさきAjax:WebRTC事始め - livedoor Blog(ブログ)

    今日のポストはWebRTCについて。Webでリアルタイム通信サービスを実現するためのAPIです。ブラウザで、plug-inを使わずにテレビ電話サービスを作ることが出来るようになります。 WebRTCってなーに? WebRTCのプロジェクトページの冒頭で、WebRTCを以下のように定義しています。 WebRTC is a free, open project that enables web browsers with Real-Time Communications (RTC) capabilities via simple Javascript APIs. The WebRTC components have been optimized to best serve this purpose. ベタに訳すると「WebRTCはオープンなプロジェクトです。簡単な複数の Javascript

  • こてさきAjax:マルチデバイス連携を実現する WebIntents 〜基本と使い方編〜 - livedoor Blog(ブログ)

    新年明けましておめでとうございます。年も宜しくお願いします。 さて、今年最初のPOSTは、僕が今一番興味を持っているAPIの "Web Intents" について取り上げます。 この、"Web Intents"は、Androidの "Intent" に非常に良く似た仕組みで、異なるWebアプリケーションを自由に連携することを可能とするAPIです。Webサイトの不足機能に対し、他のWebアプリの機能を利用することが可能になるため、スピーディーなWebアプリの開発を実現してくれます。利用するユーザーにとっても、手慣れたWebアプリを利用できるメリットが有ります。 このAPIの更に興味深いところは、 Device機能の利用 デバイス内の固有の機能(カメラや、住所録など)をブラウザから利用する。 Web of things スマートフォンやテレビなどのマルチデバイス連携サービスをWebで実現する

  • こてさきAjax:マルチデバイス連携を実現する Web Intents 〜マルチデバイス連携編〜 - livedoor Blog(ブログ)

    前回のエントリーに引き続き、今回も Web Intents に関するポストです。今回は、「なぜ、Web Intents が Web でのマルチデバイス連携サービスを実現するにあたり、重要な API となるのか?」について説明します。なお、Web Intents の基と使い方については、前回のエントリーを参照下さい。 Device APIs の最新動向 Web Intents とマルチデバイスとの関係に入る前に、Device APIs の最新動向について触れたいと思います。 スマートフォンなどの Device のネイティブ機能を Web から利用する API について、 W3C では、主に Device APIs Working Group で仕様化が進められています。例えば、住所録情報を取得する "Contacts API" や、カメラを起動し、撮影した写真画像を取得する "HTML M

  • こてさきAjax:BlobBuilderを使ってみた - livedoor Blog(ブログ)

    File APIの最近のトピックとして、File Writerがあります。 http://www.w3.org/TR/2010/WD-file-writer-api-20100406 読んで字のごとし、Fileをローカルに保存するもので、上のドラフトを見ると、 FileWriter という、いかにもなメソッドが定義されていたりします。File Reader含め、このメソッドが 使えるようになるとWebからファイルを柔軟に操作できるようになり、Webアプリの幅がまた 広がりますので、興味深いAPIです。(セキュリティの観点で、いろいろケアする 必要はあるでしょうが) FileWriter自体は、まだ実装されているブラウザは無いようなのですが、それの前段となる BlobBuilder(Blob : Binary Large OBject を作るメソッド)は、現行Chromeのstable(ve

    civicpg
    civicpg 2011/05/17
    File API BlobBuilderでJavaScriptで生成したファイルをダウンロードさせるとか。
  • こてさきAjax:Stream APIで、カメラの映像をWebSocket ライブ配信 - livedoor Blog(ブログ)

    ずっと、待ち焦がれていたAPIが、ついにテスト実装されました。ブラウザから、カメラのライブストリームを取得するStream API (仕様はWHAT WGのサイトに記載)です。 この機能により、Webアプリのポテンシャルが飛躍的に向上すると期待されます。例えば、ビデオチャット。 カメラから取得した映像データを、Websocket で相互に交換すれば、ブラウザのネイティブ機能だけで、簡単に実現できます。 この機能が、実装されたのは、Opera mobileのテクニカルプレビュー(for Android)。以下のサイトの[Android build]からインストール出来ます。 http://my.opera.com/core/blog/2011/03/23/webcam-orientation-preview また、詳しくは以下のブログ(WebOS Goodies)で紹介されています。是非、ご

  • こてさきAjax:WebSocket + node.jsでAudio Streaming - livedoor Blog(ブログ)

    第7回のHTML5とか勉強会で、羽田野さんにAudio Data APIを教えていただいて依頼、やりたかったことがあります。それは、AudioをWebSocketを使ってストリーミング配信すること。これが出来たので紹介します。 音声ストリーミングは、リアルタイム系のサービスの中では難しい部類の一つ。遅延がひどいと、自然なコミュニケーションが難しく、またネットワーク転送中にジッタ(データ到達間隔が揺らぐこと)が起きると、音がプツプツ切れたり間延びしたりと明らかに違和感が生じます。インターネットでは、厳密な意味でのQoS制御は困難ですので、どうしても遅延やジッタが生じますし、これらのパラメータはネットワーク転送だけでなく、サーバーークライアントでの実装ももろに効いてきます。 といったわけで、音声ストリーミングみたいなサービスがブラウザ+Javascriptだけで出来たら、結構嬉しいよな〜やりた

  • こてさきAjax:HTMLプレゼンをWebSocketを利用し、iPhoneから操作するツールを作ってみました. - livedoor Blog(ブログ)

    ドワンゴの草野さんが開発し、第6回html5とか勉強会で利用されていた HTML プレゼンテーションツール 『Nerine』が、かなりいけています。 <section>タグが一つのスライドに相当し、一つのhtmlファイルだけをメンテすれば良いという簡便性(このため、ページ切り替えも非常にスムーズです)。更に、CSS3を定義すれば、エフェクトも思いのまま。HTML5/CSS3の知識がある人であれば、非常に手軽に「イケテル」HTMLプレゼンが作れます。更に、カーソルの「上」を押せばインデックスが表示されるし、「A」キーを押せば、アスペクト比を変えれるという、とても気の利いた作りになっています。 デモを絡めたプレゼンをするときに、デモとプレゼンでウィンドウを切り替える操作って結構煩雑です。なので、HTMLでプレゼンを作って、そこにiframeでデモも埋め込んじゃうみたいなスタイルは結構好きだった

  • 1