Facebookのノートには、インポート機能というものがあって
それを使えば、Facebookの ノート に、
このブログ記事のRSSデータが反映されて
自動的に、ここに書いたものがフェイスブックのノート上に
表示される仕組みになっています。
ただしかし、直接にノートに記述する場合には
わずかな装飾しか出来ずに、残念ながらHTMLタグは反映しません。
私としては、
こんな感じの「テキストエリア」をノート上に表示したいのですが、
このブログ上ではHTMLが使えるから、それは可能です。
で、何がしたいかというと
FBMLタグの使い方を、フェイスブックページ上で行いたい場合、
作成出来るFBMLタブの数は上限5つまで・・・と限りがあるために、
テキストエリア表示で紹介出来るタグの数が限られてきます。
だったら、ノートにブログ記事が反映するのなら、
ブログ記事上にそれを実現させていれば、
もしかして、それがノートにも反映しないかな?
・・・・との素人考え?www
で、この記事を書いてみます。
テスト1.
◆フェイスブック上(Facebookページ上)に、USTREAMを貼り付けるFBMLタグ。
1.USTREAMのページで「埋め込み」のタブをクリックする。
2.一番上にある「ライブビデオはどこにでも埋め込めます!」部分のタグを
とりあえずメモ帳などにコピーする
3.取り出した埋め込みソースの例。
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="296" id="utv88172">
<param name="flashvars" value="autoplay=false&brand=embed&cid=4390471&locale=ja_JP&v3=1"/><param name="allowfullscreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<param name="movie" value="http://www.ustream.tv/flash/viewer.swf"/>
<embed flashvars="autoplay=false&brand=embed&cid=4390471&locale=ja_JP&v3=1" width="480" height="296" allowfullscreen="true" allowscriptaccess="always" id="utv88172" name="utv_n_280046" src="http://www.ustream.tv/flash/viewer.swf" type="application/x-shockwave-flash" /></object><br />
<a href="http://www.ustream.tv/" style="padding: 2px 0px 4px; width: 400px; background: #ffffff; display: block; color: #000000; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;" target="_blank">Live video chat by Ustream</a>
この中で必要な部分は、赤の強調文字で示した部分が必要となります。
ただし、 flashvars="***" で囲まれた部分の 本来「&」の表示部分は
特殊文字コードである「&」に置き換わってしまっているので、
その部分の文字列に関しては、全て「&」に置き換えておきましょう。
そうした上で、
swfファイルのアドレス + ? + flashvars="ここの部分" を足せば
必要なアドレスが取り出せます。
サイズ指定の部分は、横幅 480 高さ 296 ですが
FBMLページの最大横幅は 520 ピクセルですので、
縦横を同じ比率で拡大させると、横幅 520 高さ 321 となります。
◆上記で得られたソースを、FBMLタグへ割付します。
FBMLでは、以下の様式で記述すれば反映されます。
※事前に、表示させる動画サイズと同等の画像ファイルを作成しておいて
(配信画面をキャプチャー保存して、サイズを合わせても可)
それをアルバムなどに投稿し、画像のURL(※1)を取得しておいて下さい。
【FBMLへ反映させるための書式】
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"swfsrc='http://www.ustream.tv/flash/viewer.swf?autoplay=false&brand=embed&cid=自分のID&locale=ja_JP&v3=1'imgsrc='ここに※1の画像のURL)'width='520'height='321'/>
では、上記を取得した書式に、取得したソースを当てはめてみましょう。
これにご自身のcidや画像のURLを代入すれば、
USTREAMのストリーム動画が、FBMLタブ上で配信可能となります。
頑張って下さい♪
◆さてさて・・・これが、どうノートに反映するかだ・・・・。
単なる文字列だけが反映される可能性が大・・・だがwwww
コメントをお書きください