Picasa2の最近のブログ記事

2.アップロード受信PHP

| コメント(0) | トラックバック(0)

アップロードボタンをクリックするとRSSがPOSTされます。下記参照
titleがファイル名でdescriptionにコメントがはいっていますが、Picasaで設定したアルバムタイトルやコメントは入っていません。

参考サイト
http://code.google.com/apis/picasa/docs/web_uploader.html
ここのPHP Sampleを解析すればわかります。

$_POST[rss]の内容
<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:photo="http://www.pheed.com/pheed/" xmlns:media="http://search.yahoo.com/msrss/">
 <clientlanguage>ja</clientlanguage>
 <channel>
  <item>
   <title>DSCF0620.JPG</title>
   <description>いっぱい</description>
   <photo:thumbnail>http://localhost:49182/5264144ff03e8ec576d9fa4aee9978b0/thumb11.jpg</photo:thumbnail>
   <photo:imgsrc>http://localhost:49182/5264144ff03e8ec576d9fa4aee9978b0/image11.jpg</photo:imgsrc>
   <media:group>
    <media:content url="http://localhost:49182/5264144ff03e8ec576d9fa4aee9978b0/image11.jpg" width="1280" height="960" isDefault="true"/>
    <media:thumbnail url="http://localhost:49182/5264144ff03e8ec576d9fa4aee9978b0/thumb11.jpg" width="144" height="108"/>
    <media:content url="http://localhost:49182/5264144ff03e8ec576d9fa4aee9978b0/original11" width="1280" height="960" fileSize="259647" type="image/jpeg"/>
   </media:group>
  </item>
 </channel>
</rss>

サンプルコードを見てみると上記のxmlからthumbnailとimgsrcを取り出してinput type=hiddenで表示しています。
この時点でサンプルでは画像が表示されているのですがアドレスはhttp://localhost:49182/とPicasa内でWEBサーバが立ち上がっているようです。

<form name='f' method='post' action='post.php'>
<input type=text name=title id=title tabindex="1">
<textarea name="body" rows=5 cols=50></textarea>
↓ここで画像送信用のhiddenタグを生成する。
<input type=hidden name='http://localhost:49182/5264144ff03e8ec576d9fa4aee9978b0/thumb11.jpg?size=120'>
<input type=hidden name='http://localhost:49182/5264144ff03e8ec576d9fa4aee9978b0/image11.jpgsize=640'>

<input type=submit value="Publish!">;
<input type=button value="Discard" onclick="location.href='minibrowser:close'">
</form>

で送信すると次のpost.phpへ行って普通に$_FILESで値を取り出す。
僕が知っているhtmlではhiddenでFILE送信できないのですが、
ついでにvalueもないし。。。
Picasa2内でミニブラウザが起動するので、そこから送信しているのでしょう。

1.カスタムボタンを作成

| コメント(0) | トラックバック(0)

Picasa2のカスタムボタンを作成する。
Googleのアルバム管理ソフトPicasa2。このアプリケーションはGoogleのブログやGoogleのウェブアルバムでしかアップできないので、FTP機能があればいいなと思っていたのですが、ボタンのAPIが公開されていてカスタマイズ可能なことがわかりました。ここに掲載しておきます。
参考サイト
http://code.google.com/apis/picasa/docs/button_api.html

●準備
ファイル名はGUIDにする。GUIDとはグローバル一意識別子
GuidGen.com
http://www.guidgen.com/で作成できます。
187446a6-ce34-47b6-a203-74ed1716bce7

●アイコンの作成
Photoshop file (PSD)
幅高さ を25 ~40pixelsで作成。横長が良いみたい。
RGB/8-bits
72 dpi
透明OK
で作成しファイル名を下記で保存
{187446a6-ce34-47b6-a203-74ed1716bce7}.psd

●PBFの作成
PBFはXMLなので作成。

<?xml version="1.0" encoding="utf-8" ?>
<buttons format="1" version="1">
  <button id="custombutton/ボタン名" type="dynamic">
    <placement>6.0</placement>
    <icon name="{187446a6-ce34-47b6-a203-74ed1716bce7}/レイヤー名" src="pbz"/>
    <label>ボタン名</label>
    <tooltip_ja>ボタンの説明</tooltip_ja>
    <action verb="hybrid">
      <param name="url" value="http://www.yourdomain.com/up.php"/>
    </action>
  </button>
</buttons>

を作成し
{187446a6-ce34-47b6-a203-74ed1716bce7}.pbfで保存

2つのファイルができたらまとめてzipファイルにしてしまいます。
ファイル名はボタン名にします。拡張子は.pbz

これでプラグインは出来上がり。簡単だ~~

●インストーラの作成
あとはhtmlファイルを作成するだけです。下記のファイル名部分を変更します。

<html>
<head>





</head>
<body>



</body>
</html>

このあと、サーバ側に送信されたファイルを受信するphpを置きます。

===============================
※下記はPhptoshopを起動して画像を開くサンプルがあったので。

<?xml version="1.0" encoding="utf-8" ?>
<buttons format="1" version="1">
  <button id="custombutton/photoshop_cs" type="dynamic">
    <icon name="{187446a6-ce34-47b6-a203-74ed1716bce7}/pscs3" src="pbz"/>
    <tooltip>ボタンの説明</tooltip>
    <label>ボタン名</label>
    <action verb="trayexec">
		<param name="exe_name" value="Photoshop.exe"/>
		<param name="foreach" value="1"/>
		<param name="exe_path_regkey" value="HKEY_LOCAL_MACHINE\SOFTWARE\Adobe\Photoshop\10.0\ApplicationPath"/>
    </action>
  </button>
</buttons>

このアーカイブについて

このページには、過去に書かれたブログ記事のうちPicasa2カテゴリに属しているものが含まれています。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

エントリー一覧