[WebSocket] [Java] WebSocketを試す - DukeLab
WebSocketとは HTML5仕様を構成する要素の一つで一方向通信しかできなかった既存のHTML通信とは違って、 JavascriptのWebSocket APIとサーバサイドのWebSocket機能でクライアントとサーバ間の両方向通信を可能にする技術だ。 WebSocketの特徴 WebSocketは、通信ごとにHTTPコネクションを開く・閉じるのを繰り返すのではなく、 いったんHTTPコネクションを開いたら、コネクションを開いたままにしておいて、データをやりとりする。 コネクションが維持される間は、Ajaxのようにクライアントからサーバへの通信だけでなく、 サーバからクライアントに直接データを送ることもできる。 以下は、ChromeでWebSocketの公式サイトにあるデモを試したキャプチャである。 "Rock it with HTML5 WebSocket"という文字列を何回もS
![[WebSocket] [Java] WebSocketを試す - DukeLab](https://cdn-ak-scissors.b.st-hatena.com/image/square/975335a1dd98a40f1ee3f6a8a0ed7cbf5c202808/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fj%2Fjeongman7%2F20140222%2F20140222213222.jpg)
JavaScript から iRemocon/Julius/OpenJTalk を制御できるようにした - 凹みTips
はじめに v8 を利用した C++ から JavaScript へクラスを簡単にエクスポートするヤツ作ってみた - 凹みTips にて作った C++ クラスを JavaScript に持っていくヤツをちょっと改良しました HAS-Project/v8.hpp at master · hecomi/HAS-Project · GitHub create_context とか明示的にやらなくても良いようになってます。HandleScope がメンバ変数になってるとか色々イケてないところはまだ沢山ありますが…。 これを使って Julius、iRemocon、OpenJTalk を JavaScript から制御できるようにしました。 hecomi/HAS-Project · GitHub できるようになったこと JavaScriptからこんなことが出来るようになりました。 function te
サーバファイルアクセス：XMLHttpRequestを使う
<html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>XMLHttpRequest()の基本</title> <script type="text/javascript"><!-- function loadTextFile() { httpObj = new XMLHttpRequest(); httpObj.onload = displayData; httpObj.open("GET","data.txt",true); httpObj.send(null); } function displayData() { document.ajaxForm.result.value = httpObj.responseText; } // --></script>
XMLHttpRequest の使用 - Web API | MDN
このガイドでは、ウェブサイトとサーバーの間でデータ交換をするために、 XMLHttpRequest を使用して HTTP リクエストを発行する方法を紹介します。 XMLHttpRequest のよくある使用例やもっと分かりにくい使用例も含まれています。 HTTP リクエストを送るには、 XMLHttpRequest オブジェクトを作成し、 URL を開き、 リクエストを送信します。 トランザクションが完了すると、オブジェクトには結果の HTTP ステータスコードやレスポンスの本文などの有益な情報が格納されます。 function reqListener() { console.log(this.responseText); } const req = new XMLHttpRequest(); req.addEventListener("load", reqListener); req.o
AJAX Send an XMLHttpRequest To a Server
The XMLHttpRequest object is used to exchange data with a server. Send a Request To a Server To send a request to a server, we use the open() and send() methods of the XMLHttpRequest object:
Ajaxを使った非同期通信
Ajax とは Asynchronous JavaScript + XML の略で、 Web サーバーとブラウザとの間で非同期通信を行う方法です。 Ajax の方法を利用することで、ページを切り替えることなくページの内容を書き換えることができるようになります。 JavaScript では Aax を用いた非同期通信には XMLHttpRequest オブジェクトを使用します。ここでは Ajax を使った非同期通信を行う方法について解説します。
XMLHttpRequestオブジェクトを使った非同期通信を行う
XMLHttpRequest オブジェクトを使用することで Ajax を使った非同期通信を行うことができます。ここでは Ajax による非同期通信を行うために XMLHttpRequest オブジェクトの作成し、サーバへリクエストを送信したあと、サーバからレスポンスを受信するまでの方法について解説します。
解説 : XMLHttpRequest
XMLHttpRequest を使用出来るようにする為の宣言。ブラウザにより異なる。 IE では、ActiveXObject("Microsoft.XMLHTTP") を使用。 IE のバージョンによっては、ActiveXObject("Msxml2.XMLHTTP.5.0") , ActiveXObject("Msxml2.XMLHTTP.4.0") , ActiveXObject("Msxml2.XMLHTTP.3.0") , ActiveXObject("Msxml2.XMLHTTP") なども使用出来る。 Mozilla 系ブラウザでは、XMLHttpRequest() を使用。 var xmlhttp = false; if(typeof ActiveXObject != "undefined"){ try { xmlhttp = new ActiveXObject("Micro
%25E3%2581%25AE%25E4%25BD%25BF%25E3%2581%2584%25E6%2596%25B9)
XMLHttpRequest()の使い方 - とみぞーノート
概要 Javascriptでサーバーとの通信を行なうためのメソッド。 クライアント→サーバーへGET/POSTメソッドでRequestを出し、サーバーからはXMLドキュメントを受け取る。非同期通信が可能でRequestを送信してResponseが返るのを待つことなく別の処理を行なうことができる。 クライアント サーバー | GET/POST | |------------>| |(*1) | Requestを処理 | | |<------------| XMLドキュメントで応答を返す | XML | | | (*1) 非同期通信を行なっていれば、ここでサーバーからの 応答(XMLドキュメントを待つことなく別の処理を行なえる。 XMLHttpRequestオブジェクトの生成 IEと非IEでオブジェクトの生成方法が異なる。 ◎ IE try { req = new ActiveXObject(
音声認識テキスト入力Javascriptライブラリ w3voiceIM.js
たった一行追加するだけで、あなたのサイトに音声認識機能を付けられます！ w3voiceIM.jsは、Webページの上のテキスト入力フォームに音声認識機能を追加するJavascriptライブラリです。 手軽に音声認識を利用できることが特徴になっています。 また、http://w3voice.jp/でサービスする共有型音声認識エンジンを利用するために、利用者やWeb開発者は、音声認識プログラムのインストールや設定作業を必要としません。 JavaおよびJavascriptが動作するPC及びWebブラウザからの利用をサポートしています。 現在のバージョン 最新のw3voiceIM.jsのバージョンは0.02です。 とりあえず動くようになった開発途上バージョンです。 使い方 音声入力を開始するには、テキストの入力欄をマウスでダブルクリックします。 音声入力パネルが出現したら、「Push here」と
MOONGIFT: � Web上で音声入力を可能にする「w3voiceIM.js」:オープンソースを毎日紹介
音声入力というのはずっと昔からあるわりには一般的な普及が進まない技術だ。もちろん、何らかの障害がある方々の間では利用されているが、もっと一般に普及しなければよりよい技術革新やコスト低減などが臨めないのではないだろうか。 単語の認識精度は高い そんな中、一つのきっかけになり得るソフトウェアが登場した。なんとJavaScriptを埋め込むだけで音声入力が可能になる。 今回紹介するオープンソース・ソフトウェアはw3voiceIM.js、Web APIを使った音声認識ライブラリだ。 w3voiceIM.jsはw3voice.jpで提供される音声認識エンジンをJavaScriptだけで利用できるようにするライブラリだ。テキストボックスやテキストエリアに対して利用可能で、オブジェクトをダブルクリックすると音声入力のダイアログが表示される。 Pukiwikiに組み込まれた例。テキストエリアに音声入力でき
WebSocketを使ってなんちゃってビデオチャットを作ってみた その3 - いろいろな何か
はじめに 前々回、前回からの続き。jQueryのWebカメラプラグインよりキャプチャ速度が早いFlashを作成することができたので、これを用いてなんちゃってビデオチャットを作り直しました。とりあえず、今回で完成ということに致します。 実際に動かしたときの様子を録画しましたが、何故か最初の数秒が変な感じになってしまいました(；・∀・) 上の段の映像は自身のWebカメラの映像を描画し、下の段の映像は相手のWebカメラの映像を描画しています。この動画では、ビデオチャットを行っているノートPC同士を向かいあわせに置き、PC同士の間の空間で手を動かしています。ところどころ描画が引っかかる時がありますが、これぐらいのフレームレートとタイムラグならビデオチャットとしてはギリギリ使い物になる気がします。 上の動画を録画したときの環境では、ノートPC*2台とWebSocketサーバは同一ネットワーク内に居た
Modern Syntax
あと番組中では取り上げなかったんですけど、昨日Netflixで「死霊のはらわた ライジング」というのを観たのですが、これがなかなかよいスプラッターホラーでした。血がドバドバ出るのは苦手、という人にはまったくお勧めしませんが、最近のホラー映画はいまいちと思っている人は是非観てみてください（ちなみに私はホラー映画ファンです）。 さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor）の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。
クライアント側の送受信の処理を実装する - WebSocketのサンプル - HTML5 JavaScript API入門
クライアント側の送受信の処理を実装するには？ クライアント側の送受信の処理を実装するには？解説 クライアント側の実装は、WebSocketオブジェクトを利用します。 WebSocketオブジェクトはコンストラクター「WebSocket(url,[protocol])」でインスタンス化します。引数urlは接続先のurlで通常は「ws://」スキーム、暗号化されたセキュアな通信の場合は「wss://」スキームで始まる文字列です。 サーバーからのデータの受信はonmessageイベントハンドラを実装します。送信されてきたデータはハンドラのevent引数のdata属性で取得します。 サーバーへのデータの送信は「send(data)」メソッドを使用します。「send(data)」の呼び出しは、データを送信待ち行列に追加し、送信の完了や応答は待ちません。 // infoは情報表示用のdiv要素 var
WebSocketでバイナリを送受信してみた - ミルク色の手紙
Firefox11になってとっくにWebSocketのベンダープレフィックスとれてたし、 バイナリデータの送受信の辺りがどうなってるか確認してみた。 確認したブラウザはFirefox11.0とGoogle Chrome18.0.1025.162。 サーバ側 node.jsで実装する。 httpサーバ用にconnectを使って、WebSocketサーバはWebSocket-Nodeを使う。 それぞれnpm install connect、npm install websocketでモジュール入れる。 サーバ側のコードは次の通り。 // http server var connect = require('connect'); var httpServer = connect() .use(connect.static(__dirname + '/webroot')) .listen(1234
とほほのCookie入門 - とほほのWWW入門
Cookieの概要 Cookie情報が保存されるファイル Cookieの実行例 Cookieの設定 Cookieの書き込み Cookie書き込みの例 Cookieの読み込み エンコードとデコード Cookieに関するQ&A Cookieの語源は何ですか？ Cookieで複数の値を設定するには？ Cookieを削除するには？ Cookieの有効期限を無期限にするには？ path=/ とすると、そのサーバー上のすべてのファイルに対して送信されるの？ Cookieをフォルダ単位ではなく、ファイル単位に設定することはできますか？ escape()でエンコードされたUnicodeをCGIでシフトJISにデコードするには？ Cookieの概要 Cookie とは、以下のようなことを実現するための機構です。 訪問者がそのページに何回訪れたか記録して表示する。 通常モード、フレームモードなど、訪問者の好み
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Using POST method in XMLHTTPRequest(Ajax)
http://www.speechapi.com/demos/
http://japan.internet.com/busnews/20100521/7.html
Good night, Posterous