便利ツール

動画を検索するブログパーツを作ってみた。

google ajax api を利用。
こんな便利なものがあるとは・・・凄い時代ですね。

初期設定はUNITElaboの動画になってます。
クリックすると画面が大きく表示されます。
最初に表示される動画を変更するには、２６行目 （ “UNITElabo” ） を好きな
キーワードに変えてご利用下さい。

下のソースコードをコピーして、ブログのサイドバーに貼り付けるだけ！
貼り付け方などはこちらが参考になると思います。
宜しかったらどうぞ。

作成方法はこちらに詳しく書かれてます。

ブログパーツを自作しよう Webサービス+JavaScript編

<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAA_gp1ke_m2OuI0tWxO0eExhTsIYGkRK1p1cgWKBrHqTcTYjMhqBRKGGnd4FUMaj2HbdMBZ4jmyQSmTw" type="text/JavaScript"></script> <link href="http://www.google.com/uds/css/gsearch.css" rel="stylesheet" type="text/css"/>

<script src="http://www.google.com/uds/solutions/videobar/gsvideobar.js" type="text/JavaScript"></script> <link href="http://www.google.com/uds/solutions/videobar/gsvideobar.css" rel="stylesheet" type="text/css"/>

<style type="text/css">
.gsc-control form.gsc-search-box { display : none; }
#searchForm { width : 150px;}
#video { width : 160px;}
#videoBar { margin: 0px; padding : 0px; }
.playerInnerBox_gsvb .player_gsvb {width : 460px; height : 374px; }
</style>

<script type="text/JavaScript">
function cse() {
var sFormDiv = document.getElementById("searchForm");
this.searchForm = new GSearchForm(true, sFormDiv);
this.searchForm.setOnSubmitCallback(this, cse.prototype.onSubmit);
this.searchForm.setOnClearCallback(this, cse.prototype.onClear);
var videoBarDiv = document.getElementById("videoBar");
var videoPlayerDiv = document.getElementById("videoPlayer");
var vboptions = {
largeResultSet :false,
horizontal : false
}
this.videoBar = new GSvideoBar(videoBarDiv, GSvideoBar.PLAYER_ROOT_FLOATING, vboptions);
this.searchForm.execute("UNITElabo");
 }
 cse.prototype.onSubmit = function(form) {
 var q = form.input.value;
 if (q && q!= "") {
	this.videoBar.execute(q);
 } return false;
 }
 cse.prototype.onClear = function(form) {
 this.videoBar.clearAllResults();
 form.input.value = "";
 return false;
 }
 function OnLoad() { new cse(); }
 GSearch.setOnLoadCallback(OnLoad);
 </script>

<div id="video">
<div id="searchForm"></div>
<div id="videoPlayer"></div>
<div id="videoBar">Loading...</div>
</div>

といっても、バーチャルな話。
「 Meetsee 」 では仮想空間に３Ｄオフィスを構えることができる。
という訳でUNITElabo のオフィスを構えてみた。

かわいらしいオフィスが借りられた。
結構本格的です。　アバターをカスタマイズしたり、ボードにはメッセージ。
ダッシュボードには資料を入れておき共有することも可能。
youtube の動画だって貼り付けられます。
アイテムを増やしたり模様替えするのもバーチャルだから簡単。

チャット機能が付いているので、ゲストとして入室されると商談だって可能です。
こんな小さな部屋に１５人まで参加可能。　　ギューギューはちょっと怖い。

下がUNITElabo のオフィス。アポイントメントお待ちしております。

『 Meetsee 』 virtual-office