ホーム > タグ > 便利ツール
便利ツール
ブログパーツを作ってみた
- 2009-02-20 (金)
- モナコで乾杯!UNITE-project | 便利 | 日記
動画を検索するブログパーツを作ってみた。
google ajax api を利用。
こんな便利なものがあるとは・・・凄い時代ですね。
初期設定はUNITElaboの動画になってます。
クリックすると画面が大きく表示されます。
最初に表示される動画を変更するには、26行目 ( “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>
- Comments: 0
- Trackbacks: 0
オフィスを借りてみた
- 2009-02-05 (木)
- モナコで乾杯!UNITE-project | 便利 | 日記
といっても、バーチャルな話。
「 Meetsee 」 では仮想空間に3Dオフィスを構えることができる。
という訳でUNITElabo のオフィスを構えてみた。
かわいらしいオフィスが借りられた。
結構本格的です。 アバターをカスタマイズしたり、ボードにはメッセージ。
ダッシュボードには資料を入れておき共有することも可能。
youtube の動画だって貼り付けられます。
アイテムを増やしたり模様替えするのもバーチャルだから簡単。
チャット機能が付いているので、ゲストとして入室されると商談だって可能です。
こんな小さな部屋に15人まで参加可能。 ギューギューはちょっと怖い。
下がUNITElabo のオフィス。アポイントメントお待ちしております。
- Comments: 0
- Trackbacks: 0
Home > Tags > 便利ツール










