Flash iTunes Cover Flow + Flickr API


Flash iTunes Cover Flowをカスタマイズして、FlickrのJSON APIを読み込めるようにしました。

これを利用すれば、Flickrの画像検索ページを作成するのも簡単です。

また、ご自身の画像を手軽にスライドショーにするブログパーツとしても利用しやすいと思います。

概要

このパッケージは、FlickrのJSON APIを読み込んで、上記のようなスライドショーを出力するための一連のファイルが含まれています。

パッケージ内には、

  • iTunesAlbumArt.fla
  • iTunesAlbumArt.swf
  • load_image.php
  • cacheディレクトリ
  • 各種ドキュメント

等が含まれています。

なお、このパッケージは、WEBER DESIGN LABS様がMITライセンスで配布しているものに対して、Flickr JSON APIに対応するよう独自の修正を加えています。

従いまして、このパッケージに関するお問い合せをWEBER DESIGN LABSにされませんようお願い申し上げます。

動作環境

PHP + GD2が必要です。

ダウンロード

以下のリンクからダウンロードしてください。
ダウンロード(Download)

利用方法

添付のドキュメントを参照してください。

オリジナルとの相違点

  • XMLの代わりにFlickrAPIのJSONを読み込むようになっています。
  • 日本語が表示されます。
  • 画像までのパスがHTMLからの相対パスだったものをswfのカレントディレクトリ内に固定しました。
  • Flickrから画像を取得してサムネールを生成するload_image.phpというファイルが追加されています。

ライセンス

本家と同じくMITライセンスとします。

ただし、気に入っていただけた方からの寄付は歓迎します。


関連する記事

8 thoughts on “Flash iTunes Cover Flow + Flickr API

  1. すばらしいパッケージのご提供ありがとうございます。
    どうしても使用したくなり、設置などおこなってみたのですが、うまく表示されません。

    タイトルは表示されても画像が表示されなかったり、画像もタイトルも表示されなかったり。。。
    絶対にやり方がおかしいのだと思うのですが、勉強不足のためどこをどうしたらいいのか分かりません。

    自分の投稿した画像の特定のアルバム(Set)または特定のタグが付いたもののみを表示させる場合には、readmeの
    4.Flickr APIキーを入手して、APIのソースをペーストしてください。

    の部分はどのようになるのでしょうか。
    もちろんFrickrのアカウントとAPIキーは取得済です。
    大変お手数ですが、ご教授いただけましたら幸いです^^

  2. RCUさんはじめまして。

    一からご教示するのは大変なので、APIのソースをコメントにコピペいただいたら調べますよ。
    こちらサイドのバグかもしれませんので。

    気に入っていただけて、何よりです。

  3. レスありがとうございます^^
    いろんなサイトを見て周り、現在はこんな感じでごにょごにょしているのですが。。。

    まったく検討違いのことをしているのでしょうか?

  4. すみませんソースコード消えてしまうみたいなので、頭全角にしてみました。

    <Script src=”http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=d41defcfa3bea0227c6035b0b77e0f18&tags=kyoto&per_page=30&format=json&jsoncallback=flickrPhotos”);” type=text/javascript>

  5. miyaさーん。
    ありがとうございました^^
    おかげ様で無事に表示できました!

    本当は自分のアカウントにある特定タグの画像のみを引っ張ってきたかったのですが
    http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=xxxxxx&tags=xxxx&user_id=xxxxxx&per_page=30&format=json

    上記のように
    tags=xxxx と
    user_id=xxxxxx を
    両方含めると最初の画像タイトルしか引っ張ってこなくて画像も表示されないみたいなので、これはAPIの仕様と考えるべきですかね。。。

    なんにしても、表示できただけで大満足です。本当にありがとうございましたー。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>