plugins:mediatagg

NP_MediaTagG.php

エヌピー・メディアタグジー って読んでます。 Media Tag Generater っていう意味になるのかなと思って。

アイテム投稿の時に、URLを記号でくくるだけで次のことができます。

  1. サイトサムネイル(画像)を表示します
  2. QRコード画像をURI指定で表示します
  3. YouTubeの動画を呼び出します
  4. GoogleVideoの動画を呼び出します
  5. MySpaceの動画を呼び出します

オプションでAPIの利用先やwidth、heightなどのデザイン部分を一括指定するため、アイテム内にコード記述した記事の後々のメンテナンスやデザイン変更等、不測の事態に備えることができる、多分。

同じタイプのプラグインとしてNP_EmbedYouTubeがあります。

General Plugin info
作者: floors
最新のバージョン: v0.355a (2008/11/15)
ソース: NP_MediaTagG.php Source Code
動作サンプル: http://luvsic.net/item/49
フォーラム参照先: 無し
セキュリティチェック: 未チェック
ステータス: α開発版

インストール方法

  1. NP_MediaTagG.php Source Codeを新規テキストファイルなどにコピペ
  2. 文字コードを自サイトに合わせて保存(UTF-8やEUC)
  3. ファイル名を拡張子ごと「NP_MediaTagG.php」に変更する
  4. nucleusのプラグインフォルダにアップロード
  5. 管理画面からプラグインをインストール

このプラグインの使い方

アイテム投稿の時に、URLを記号でくくるだけ。

 ※0.321aで記述ルールが変わっています。

  もう既に前の記述のアイテムいっぱい!と言う方は、ソースコードのマッチルールを変更するか、プラグインの名前を変えて両方インストールという対策があります。

(1)サイトサムネイル(画像)を表示

画像表示したいページurlを括る。

[-tm-url-]

MozShotサムネイルAPIsimpleAPIなどのサービスを想定。

(2)QRコード画像を表示

画像表示したい画像urlを括る。

[-qr-url-]

2次元バーコード/QRコード作成ツールに完全依存しています。

(3)YouTubeの動画を呼び出し

YouTubeのページurlを記号で括る。

[-yt-url-]

(4)GoogleVideoの動画を呼び出し

GoogleVideoのページurlを記号で括る。

[-gv-url-]

画質を各動画ごとに指定したい場合は、次のように「|」で区切ることで、「18」と「22」の画質モードの指定ができます

[-gv-url|18-]
[-gv-url|20-]

18と22の違いについては、このページの「YouTube Movieの設定」の項を参考にしてください。

(5)MySpaceVideoの動画を呼び出します

MySpaceVideoのページurlを記号で括る。

[-ms-url-]

オプション

主に4つの分野順に分かれています。

  1. API利用サムネイル
  2. QRコード画像
  3. YouTube Movie
  4. Google Video
  5. MySpace Video

:plugins:np_mediatagg0355a_options.png

※既に入っている値は初期値です。

※手っ取り早い変更の仕方

simpleAPIに変更する場合

  1. オプション項目「サムネイル呼び出しタグ」の欄を http://img.simpleapi.net/small/ に変更
  2. 画像サイズの縦横両方に 128px
  3. オプションを保存する

以上で設定終了。アイテム内の記号で囲まれたURLがすべてsimpleAPI用タグで呼び出されます。

サイトサムネイルAPIの提供サービス

いろいろあります。

感謝。

※これらの各社サービス提供は変更・中止される場合があります。よりよい機能・デザイン等が出ている可能性もあるので、自分の好みを反映できるよういろいろ調べると良いかもしれません。

API利用サムネイルの設定

  • サムネイルの横幅(width)

各サービスの提供サイズ、及びサイトデザインの両方を考慮して値を入れます。

  • サムネイルの縦幅(height)

各サービスの提供サイズ、及びサイトデザインの両方を考慮して値を入れます。

  • サムネイルの代替テキスト

アクセシビリティを考慮したテキストを入力します。音声ブラウザで読み上げられた場合、及びマウスオーバーでのポップアップテキストなど。

  • サムネイルの前に追加するオプション

画像のタグ「<img ~ />」の直前に文字列を挿入できます。レイアウトなどが必要な場合に。

  • サムネイルの後に追加するオプション

画像のタグ「<img ~ />」の直後に文字列を挿入できます。レイアウト用。

QRコード画像呼び出し設定

&s=4&q=4

sは「size」 qは「Quality」 0~8の間で設定できるみたいです。

YouTube Movieの設定

[-yt-http://www.youtube.com/watch?v=XL2od1AF_Cs-]
上記のように記述した場合、W3C勧告に沿ったXHTMLが記事表示時に自動変換表示されます。
<div class="youtube">
<object type="application/x-shockwave-flash" data="http://jp.youtube.com/v/XL2od1AF_Cs" width="425" height="350" allowScriptAccess="never" allownetworking="internal">
<p><a href="http://jp.youtube.com/v/XL2od1AF_Cs">YouTube Video</a></p>
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="wmode" value="transparent" />
<param name="quality" value="best" />
<param name="scale" value="noScale" />
<param name="bgcolor" value="#FFFFFF" />
<param name="movie" value="http://jp.youtube.com/v/XL2od1AF_Cs" />
</object>
</div>
  • youtubeMovieの呼び出しを有効にするか?(noの場合はテキストリンク)

YouTubeの動画表示をテキストリンクに切り替える保険的オプション。長期メンテナンス、サービス終了、自サイトでの表示取りやめなど。

  • youtube Movie 自動再生

ページを表示すると自動再生させるかどうか

  • youtube Movie ループ

ループ再生を行うかどうか

  • youtube Movie 高画質18モード(mp4)

デフォルトで高画質モード(&fmt=18)で再生するかどうか。 ※ブラウザ、OSによって再生できない場合があるようです。非推奨

  • youtube Movie 高画質22モード(HD)

デフォルトで高画質モード(&fmt=22)で再生するかどうか。 ※22モードが存在しない動画の場合、動画は閲覧できないようです。非推奨

  • youtubeMovieの横幅(width)

横幅:縦幅を(4:3)ならどのようなサイズでもバランスがとれるようです。

  • youtubeMovieの縦幅(hight)

同上

  • youtubeMovieの背景色(HTML)

サイトの背景色と合わせるとたいてい見栄えが良くなるらしい

  • youtube Movieの色1

プレーヤーベースカラー

  • youtube Movieの色2

プレーヤーハイライトカラー

  • youtube Movieの色(boder mode)

色のボーダーモード。

  • youtubeMovieの前に挿入するタグ

YouTubeのタグ「<object~」の直前に文字列を挿入できます。レイアウトなどが必要な場合に。

  • youtubeMovieの後に挿入するタグ

YouTubeのタグ「</object>」の直後に文字列を挿入できます。レイアウトとか。

GoogleVideo、MySpaceVideo の設定

YouTubeと同じです。

Tipsと裏技

  • YouTubeのFLVは340x240で表示するとたいてい綺麗だそうな。

希望事項

  • floorsはphpのコードをひとつも知りませんので誰か引継ぎ改良してもらえると嬉しいのだ

例えばダウンロードリンクを自動的に表示するとか、生成タグを閲覧者がコピペできるように表示するとか。

バグ

  • ver3.2aまでだとNP_TrackBackのrdf記述(※<%TrackBack(code)%>)が書き換え対象に入らないため、変換されず[–url–]がそのまま表示される。rdf記述はデフォルトでコメントアウトされているので、コメントアウト内にハイフンを2回続けて書くとhtml-lintに怒られるおまけつき。早いうちに「–」を含まない記述に変更したほうがいいかも。 <2006,10/9>

開発履歴

  • Version 0.354a <2008,11/15>
    • YouTubeの高画質モード選択オプション追加(&fmt=22)
    • YouTubeのURI記述の際に、各動画の画質を個別に選択できるように変更
  • Version 0.354a <2008,09/20>
    • YouTubeの高画質モード選択オプション追加(&fmt=18)
    • YouTubeのURLがJP版、www無しでも表示するよう変更
    • ImgRed機能を削除
  • Version 0.35a <2007,08/26>
    • QRコード画像生成APIコードを追加
  • Version 0.34a <2007,07/26>
    • imgRedの画像リダイレクションAPIを追加
  • Version 0.331a <2007,06/17>
    • Action Script のセキュリティ系制御コードを追加
  • Version 0.33a <2007,06/13>
    • MySpaceVideoのタグ生成を足した
  • Version 0.322a <2007,05/08>
    • BugFix アイテムの続き部分で呼び出しが起こらなくなっていたのを修正
  • Version 0.321a <2007,01/30>
    • BugFix YouTubeのFLASHサイズを初期値から変更際にレイアウトが崩れる問題を適正にした
  • Version 0.32a <2007,11/06>
    • サイトサムネイル生成の記述ルールを[-tm-URL-]に変更
  • Version 0.31a <2006,11/06>
    • BugFix YouTubeのFLASHサイズを適正にした
  • Version 0.3a <2006,10/22>
    • GoogleVideoのタグ生成を足した
  • Version 0.2a <2006,09/21>
    • サムネイルAPI利用のNP_thumbnailAPIにYouTubeのタグ生成を足した
  • Version 0.1a リリース <2006,9/19>
    • nakahara21氏が作ったNP_GoogleItを書き換えて作成
 
plugins/mediatagg.txt · 最終更新: 2008/11/16 02:56 by floors