カントリーモーニング(仮)

しがないサラリーマンが不定期に更新する雑記帳。
【mixiアプリ】自動連続再生機能追加5。
mixiアプリ作成 第2弾、AutoUTube for mixi に、
・ホーム/プロフィール画面で 自動再生を行わない機能
を追加しました。


AutoUTube for mixi

ホーム/プロフィール画面へ遷移時は、再生処理を行わず、
代わりに 検索結果の サムネイル画像表示のみ を行うように変更しました。

サムネイル画像の取得
---------------------------------------
// video の サムネイル領域を初期化
var videothumbnail = document.getElementById("videothumbnail");
videothumbnail.innerHTML = '';
// サムネイル画像要素の生成
var thumbnailimg = document.createElement("img");
var es = response.data.feed.entry;
var group = es[hoge].media$group;
thumbnailimg.src = group.media$thumbnail[0].url;
//thumbnailimg.width = 184;
//thumbnailimg.height = 138;
// 表示領域に追加
videothumbnail.appendChild(thumbnailimg);
---------------------------------------
というわけで、AutoUTube for mixi は、残念ながら SemiAutoUTube for mixi みたいな
感じになることになりました。

画面遷移時の自動再生に関しては、賛否両論あるとは思いますが、
===============================================================
Subject: [8740716-1][ mixi ] 掲載アプリについてのご連絡
mixi運営事務局です。
突然のご連絡失礼いたします。
このたび、運営事務局にてお客様のご提供されております以下のアプリについ
て確認いたしましたところ、mixiPlatform利用規約、mixiアプリガイドライン、
に抵触する内容が見受けられました。
■アプリ情報
アプリ名称:6139
アプリID:AutoUTube for mixi
――――――――――――――――――――――――――――
(PC のみ)・音声の自動再生はアプリ画面(run_appli.pl)のみ可能です。
また、停止、スキップといった機能を提供し、ユーザーがいつでも任意に操作
できるようにしてください。なお、アプリガジェット(home.pl,show_friend.pl)
での自動再生は禁止します。
――――――――――――――――――――――――――――
■mixiPlatform利用規約
http://developer.mixi.co.jp/document/platform_tos
■mixiアプリガイドライン
http://developer.mixi.co.jp/document/appli_guideline
つきましては、このメールの送信日時から3日以内の改善方針についてのご回
答とその方針に基づく10日以内の改修を行ってくださいますようお願い申し上
げます。修正対応が行われない場合は、当該アプリを停止させていただきます
ので、ご了承くださいますようお願い申し上げます。
再度同様の投稿や、その他mixiPlatform利用規約、mixiアプリガイドライン
などに抵触する内容が確認された場合には、アプリを削除させていただく場
合がございます。その際、削除に関するご連絡は行いませんので、ご了承く
ださい。
何とぞご理解とご協力をお願い申し上げます
― mixi ――――――――――――――――――――――
ソーシャル・ネットワーキング サービス mixi (ミクシィ)
URL : http://mixi.jp/
運営会社 : 株式会社ミクシィ
――――――――――――――――――――――――――
===============================================================
とのこと通知いただきました故。。。


エンターブレイン
(2001-03)
コメント:そう。あの頃に戻って、また 語り部のように 熱く語ればいいじゃないか。

| mixiアプリ | 05:49 | comments(0) | trackbacks(0) | pookmark |
【mixiアプリ】自動連続再生機能追加4。
mixiアプリ作成 第2弾、AutoUTube for mixi に、
・ホーム/プロフィール画面で YouTube の動画タイトル を表示する機能
を追加しました。


AutoUTube for mixi


動画タイトル情報の取得
-------------------------------------
// 動画タイトル(title) 取得
var es = response.data.feed.entry;
var group = es[hoge].media$group;
var title = group.media$title.$t;
-------------------------------------

山川出版社
¥ 1,575
コメント:もう一度、高校時代の甘酸っぱい思い出とともに思い出すんだ、日本の歴史を! 大河ドラマのお供にどうぞ。

| mixiアプリ | 16:21 | comments(0) | trackbacks(0) | pookmark |
【mixiアプリ】自動連続再生機能追加3。
mixiアプリ作成 第2弾、AutoUTube for mixi に、
・検索ワードをアクティビティとして送信し、アプリ更新情報へ掲載する機能
を追加しました。


AutoUTube for mixi


アクティビティ送信
以下のように記述し、
・動画のサムネイル
・現在の検索ワード
をアプリ更新情報に掲載。
---------------------------------------------
// 検索ワードをアクティビティとして送信しアプリ更新情報へ掲載
function sendWordActivity() {
if( gword ){
var ap = {};
// 送信メッセージをセット
ap[opensocial.Activity.Field.TITLE] = "「" + gword + "」が素敵です。";
// 現在再生中の動画のサムネイル画像をセット
var mediaItem = opensocial.newMediaItem("image/gif", gvideoimage);
ap[opensocial.Activity.Field.MEDIA_ITEMS] = [mediaItem];
// 検索ワードをURLへセット
var params = {
"searchword" : gword
};
var appId = 6139; // アプリID
// 文字エンコード
var escaped = gadgets.io.encodeValues({
appParams: gadgets.json.stringify(params)
});
// アプリ更新情報文字列のアンカからのジャンプURLをセット
ap[opensocial.Activity.Field.URL] = "http://mixi.jp/run_appli.pl?id=" + appId + "&" + escaped;
// アクティビティ送信
var activity = opensocial.newActivity(ap);
opensocial.requestCreateActivity(
activity, opensocial.CreateActivityPriority.HIGH, function(response) {
if (response.hadError()) {
var code = response.getErrorCode();
alert("少し時間をおいてから再度お願いします。¥n");
} else {
alert("アプリ更新情報にメッセージ送信しました。¥n");
}});}}
---------------------------------------------

アプリ更新情報へ掲載したURLからの起動情報を取得
以下のように記述し、
・現在の検索ワード
の情報をURLから取得して、自動再生処理に使用。
---------------------------------------------
Module
ModulePrefs title="AutoUTube"
Require feature="views"★Viewに関するAPIを利用するため、利用宣言が必要
ModulePrefs
:
// 起動されたURLから 検索ワード取得
var params = gadgets.views.getParams();
var word = params["searchword"];
---------------------------------------------

| mixiアプリ | 09:27 | comments(0) | trackbacks(0) | pookmark |
【mixiアプリ】自動連続再生機能追加2。
mixiアプリ作成 第2弾、AutoUTube for mixi に、
・コメント表示機能
を追加しました。


AutoUTube for mixi


入力フォーム
まずは、全画面モード時 に コメントを入力させるI/F を設けます。
検索ワード入力フォームと同じ 方法で、FLASH で 作成。
デフォルト入力しているテキスト(<コメント>)は、以下のように記述して消去。
----------------------------------
var textflag = false;
_root.t.onSetFocus = function() {
// フォーカスがあたれば、テキストフィールドを初期化
if(!textflag){
_root.t.text = "";
textflag = true;
}
};
----------------------------------

出力フォーム
表示は、textarea を使用。style の指定で、
border: ridge, background-color, color, font-size:10px をセットし、以下のように。




高橋 和也,竹添 直樹,里見 知宏
翔泳社
¥ 2,940
コメント:もう、一人でも大丈夫。JavaScript も Java も 頑張って下さい。

| mixiアプリ | 01:15 | comments(0) | trackbacks(0) | pookmark |
【mixiアプリ】自動連続再生機能追加。
mixiアプリ作成 第2弾、AutoUTube for mixi に、
・日記を書く
・マイミクを招待する
機能を追加しました。


AutoUTube for mixi


ボタン用意
まずは、「日記書く」「マイミク招待」のボタン画像用意。
img src の タグ中に、border="0" を指定してやると、
リンクさせても画像に枠が付かない。

日記を書く
http://mixi.jp/add_diary.pl?&id={VIEWERID} で 日記画面へ遷移できる様子。
日記のタイトル と 本文は、それぞれ、&diary_title=, &diary_body= で指定。
また、別ウィンドウでのジャンプは、window.open() を使用。

マイミクを招待する
招待処理自体は、mixiで用意されている、opensocial.requestShareApp() を使用。

ただ、マイミク招待ウィンドウは、Flashで作成されているらしく、
何もしないと、同じく Flashで作成している プレイヤの操作パネルと被ってしまう。

そのため、プレイヤの操作パネルは、
playerdisp.style.visibility = "hidden" で 一時的に 非表示に。

また、復帰時は、
playerdisp.style.visibility = "visible" で 表示。

また、デフォルトの縦アプリ領域サイズでは、下部分の 広告に
マイミク招待Flash が これまた被るため、縦サイズの調整が必要だった。
gadgets.window.adjustHeight(560)
# サイズは、560くらいが妥当か。



タカラトミー
¥ 2,899
コメント:レッツ、ギガうます。

| mixiアプリ | 23:23 | comments(0) | trackbacks(0) | pookmark |
【mixiアプリ】警告大将。
最初考えた時は、何か すごいいい閃きだったような気がするのですが、、、
気のせいだったらしく、最終的に 何だか、だめアプリになってしまいました。


びっくりアラートダイアログ

簡単に概要だけ 纏めておきます。

あらかじめ メッセージを登録しておき、ホーム/プロフィール画面で
そのメッセージ を アラートダイアログで表示させる仕組みです。

Canvas(全画面)
テキストボックス と ボタンを 配置し、
入力されたテキストデータを あらかじめ 永続性データとして保存します。

Home(トップ画面), Profile(プロフィール画面)
永続性データから テキストデータ を取得し、
setTimeout() を使用して 3秒後に、
alert()関数 で アラートダイアログとして 表示します。

| mixiアプリ | 21:23 | comments(0) | trackbacks(0) | pookmark |
【mixiアプリ】自動連続再生補足。
mixiアプリ作成 第2弾、AutoUTube for mixi について、
正式にアプリ登録されるまでに、カテゴリ申請時 修正した内容と、
掲載後 機能補強した内容についてです。


AutoUTube for mixi


外部リンクの修正
カテゴリ申請時、以下の内容を指摘された。
---------------------------------------------
・アプリ内に外部サイトへ遷移するリンクがございますが外部サイトへ
 誘導するための手順につきましては下記URLページに沿った仕様に
 していただく必要ございます。
---------------------------------------------
詳細は 記載されておらず、また問い合わせも受け付けていないとのこと、
最初、どの部分を指摘されているのか分からなかったが、
どうやら、動画画面中の「YouTube」ロゴからジャンプする経路を指摘されている様子。

最初、YouTube APIで、リンク不可にしたり、
組み込み時、swfobject の設定で リンク不可にしたり、
することで回避出来ないものかと 探してみたが、うまくいかない。

仕方ないので、動画上に 透過GIF を貼り付けることに。

swfobject.embedSWF() の wmodeパラメータ は、"transparent" を指定、
また、"transparent" を指定すると、日本語入力が使用出来くなるようなので、、、
日本語入力部分と 動画配置部分の FLASH を分離。
あと、背景を黒くすることで プレイヤ画面 と 動画配置部分 の隙間をごまかすことに。

これで、動画画面中の「YouTube」をクリック出来ないようになった。

でも、動画画面中の「YouTube」をクリックし、ジャンプ出来るままの
公開アプリもあるようなので、もしかしたら仕様のままでもよかったのかもしれない。

音量変更機能追加
YouTube API で setVolume() という音量変更メソッドがあるので、こちらを利用。

音量保持機能追加
setVolume() で変更した音量を 永続性データとして 保存・取得 するよう実装。


ユージン
¥ 2,100
コメント:16連射。指が折れるまで、指が折れるまで!

| mixiアプリ | 21:18 | comments(0) | trackbacks(0) | pookmark |
【mixiアプリ】自動連続再生。
mixiアプリ作成 第2弾、以前作成した、
HTML版 YouTubeコンテンツ自動連続再生オンラインプレイヤ の
mixiアプリ環境へのポーティング です。
-----------------------------
http://norinoriafter.jugem.jp/?eid=7
-----------------------------


AutoUTube for mixi


mixiアプリ環境向けに変更が必要だった内容を以下に纏めます。

Viewの切替
OpenSocial環境 では、View という考え方があり、
mixiアプリでも、Home(トップ画面), Profile(プロフィール画面), Canvas(全画面)での
アプリ起動をサポートするよう設計されている。
各アプリでは、それぞれの起動モードに応じた振る舞いを記述することが要求される。
それぞれのモードは Contentタグで切替。
-----------------------------
Content type="html" view="home"
Content type="html" view="profile"
Content type="html" view="canvas"
-----------------------------

永続性データ
mixiアプリ環境では、ユーザ+アプリ単位での情報共有の考え方があり、
永続性データの保存・取得 機能がある。
今回、mixiアプリ版向けに
Home(トップ画面), Profile(プロフィール画面) では、
あらかじめ登録されている検索ワードを元に、画面遷移後
自動で再生開始する機能を追加した。
永続性データの保存検索実行時に合わせて行っておき、
画面遷移時に そのデータを取得するようにした。
永続性データの保存・取得 はそれぞれ以下のように記述。
-----------------------------
[ 保存 ]
newUpdatePersonAppDataRequest(opensocial.IdSpec.PersonId.VIEWER, "keyword", value)
[ 取得 ]
newFetchPersonAppDataRequest(opensocial.IdSpec.PersonId.OWNER, ["keyword"])
-----------------------------
ただ、現在は、日本語の 保存・取得 には不具合がある様子、
escape(), unescape() で変換をかませる事で回避可能とのこと、処理入れる。

読み込み時間
object読み込み遅延によるものか、タイミングが合わず
エラーになるケースがあり、以下のように関数呼び出しの待ち合わせを新規追加。
-----------------------------
var tid=setTimeout("searchProfile()",5000); // 5秒程度待つ
-----------------------------

オムニバス,田中理恵,水野愛日,上田愛美,塩野アンリ,若林直美,OKOME,河原木志穂
インディーズ・メーカー
¥ 1,380
(2008-11-26)
コメント:寝ず勉。

| mixiアプリ | 02:10 | comments(0) | trackbacks(0) | pookmark |
【mixiアプリ】新語探検探検。
mixiアプリ の 作成を試みてみました。
まずは、「mixiアプリで 何が出来るのか」から、ということで、

Yahoo!辞書 新語探検 から、ピックアップした新語 を 表示し、
URLジャンプ出来る アプリ、に チャレンジしてみました。


YahooNeWord


【事前準備】
新語情報の取得
以下のURLから、RSS形式での取得が可能。
-----------------------------
http://dic.yahoo.co.jp/rss
-----------------------------
手元の環境の問題に起因し、今回はこの情報を JSON形式に変換する。

形式変換処理
変換には、Yahoo pipes を利用。
-----------------------------
http://pipes.yahoo.com/pipes/pipe.info?_id=MnUdxJIJ3hGxLAoKbbsjiw
-----------------------------
ブロック図を ドラッグアンドドロップで操作して作成するので
イメージが把握し易く便利。

最終的に 以下の URL から、JSON情報が取得可能。
-----------------------------
http://pipes.yahoo.com/pipes/pipe.run?_id=MnUdxJIJ3hGxLAoKbbsjiw&_render=json&urlinput=http://dic.yahoo.co.jp/rss
-----------------------------

【mixiアプリ側】
外部サーバ呼び出し
外部サーバへのリクエストは、gadgets.io.makeRequest() を使用する。
今回は、JSON形式での取得のため、以下を指定。
-----------------------------
params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.JSON;
-----------------------------

URLジャンプ
外部サイトへのジャンプは、
-----------------------------
mixi.util.requestExternalNavigateTo()
-----------------------------
を使用する。

イクト
インディーズ・メーカー
¥ 1,380
(2008-08-15)
コメント:隊長、負けそうです。。。

| mixiアプリ | 01:48 | comments(0) | trackbacks(0) | pookmark |
デザイングッズストア。
CALENDAR
S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930
31      
<< December 2017 >>
SPONSORED LINKS
AMAZON RECOMMEND
ハァハァCD
ハァハァCD (JUGEMレビュー »)
オムニバス,白雪みるく,河原木志穂,くーたん,森永まみ,たぬまゆみ
SELECTED ENTRIES
CATEGORIES
ARCHIVES
RECENT COMMENT
デザイングッズストア。
心頭MakeUp Tシャツ。
2009_09_18_11_39_28
ブロカン
サンプル・モニターの口コミ広告ならブロカン
おしゃれショップ「かさぶた人生」
MOBILE
qrcode
LINKS
PROFILE