Nifty - ココログを改造しますか
| 戻る | Top | 他ブログ汎用 | 更新日時 : 2006/07/02 10:00am |
| Nifty - ココログを利用して音楽を楽しみますか | |||
ニフティー(Nifty)のココログに特化して、改造しますか。
| 全て、MS-Windows2000Pro(SP4)/98SE上の NN7.1、 FireFox1.5.0.4、 |
- FLASHを投稿記事で表示させますか。(改造とは言えませんが。)
- MPEG音源を鳴らしてみますか。base と src の使い分けを解説します
- Flash素材＆Flashゲーム工房さんの、「Flash素材」の「MP3プレイヤー」を利用しました。感謝！
- FLASHで配布されるSWFファイルからMPEG3音源などを抽出するには？
- 【結論】利用可能なFREEブログ
FLASHを投稿記事で表示させますか。(改造とは言えませんが。)
| 以下のスキルが必要です | |
| 1. | UTF-8でファイルを作成できる |
| 2. | 改行コードLFでファイルを保存できる。 |
まずはフォルダーを作成しましょう。
- ログインしますよね。
- コントロールパネルを選択します。
- ファイルを選択します。
- 「新しいフォルダの作成」欄に新規フォルダー名を入力して「ファオルダーを作成」ボタンを押します。ここでは解説の都合上「 swf 」とします。
- 「新しいフォルダが作成されました。」と表示されます。
作成したフォルダーを選択します。
swf をクリックします。
- 「 現在のフォルダ：ホーム / swf / 」と表示されます。
パラメトリックFLASHアルバムをアップロードします。
- パラメトリックFLASHアルバムを無料で配布致します。で解説しているFLASHをアップロードしましょう。ファイル名は「 para03.swf 」です。未入手の方は先にダウンロードしておいてください。
- 「新規ファイルのアップロード」欄の「参照」ボタンを押して「 para03.swf 」を選択します。
- 「アップロード」ボタンを押します。
- アップロードに成功すれば、ファイル一覧に追加されます。親切にも「同名のファイル」が既にあった場合は、上書きするかどうかの質問がありますので判断して下さい。
３２０ｘ２４０ピクセルのJPEGファイルかSWFファイルをアップします。
- JPEGファイルのサイズの変更なり、画素数の変更は、当Wikiで解説しています。トップページより「解説ページに進む」を選択してみてください。
- ここでは解説の都合上「 サンプル画像「 Room2.jpg 」 」を利用しますか。この画像を同じココログの場所「 現在のフォルダ：ホーム / swf / 」にアップロードしましょう。
配布アーカイブの中から「 jpg03.dat 」を探して、漢字コードUTF-8で編集します。保存時は「行末は LF だけにしますか。
以下の内容のファイルを作成しましょう。
| &comment=コメントを表示させましょうか& |
| &imgfile=Room2.jpg& |
| &eod=finished& |
以上の３行のデーターを書き込んで、UTF-8漢字コードで、ファイル名：「 jpg03.dat 」で、保存します。 そして、ココログの場所「 現在のフォルダ：ホーム / swf / 」にアップロードしましょう。
表示用のHTMLファイルを作成しましょう。
以下のファイルを作成しましょう。漢字コードに依存しないHTMLファイルにしましょうか。ファイル名は解説の為に「 showflash.htm 」としますか。同じく、ココログの場所「 現在のフォルダ：ホーム / swf / 」にアップロードしましょう。
<html> <head> <meta http-equiv="imagetoolbar" content="no"> <TITLE></TITLE> </head> <body> <center> <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="320" HEIGHT="240" id="para03" ALIGN=""> <PARAM NAME=movie VALUE="para03.swf"> <PARAM NAME=loop VALUE=false> <PARAM NAME=menu VALUE=false> <PARAM NAME=quality VALUE=autohigh> <PARAM NAME=scale VALUE=noscale> <PARAM NAME=wmode VALUE=transparent> <EMBED src="para03.swf" loop=false menu=false quality=autohigh scale=noscale wmode=transparent WIDTH="320" HEIGHT="240" NAME="para03" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"> </EMBED> </OBJECT> </center> </BODY> </HTML>
さて、表示させて見ますか。
４つのファイルが同じフォルダーに配置されましたね。ファイル名の大文字小文字に間違いは無いですね。今回のjpg03.datの中身は全て「＆(半角)」文字ではさんでいます。まあ、これで良いでしょう。それでは、投稿する前にHTMLファイルで表示されることを確認しましょう。アップロードした「 showflash.htm 」をクリックします。どうですか？FLASHを表示しましたか？さて、投稿しましょう。
以下のHTML構文を打ち込みます。もちろんココログ投稿画面の「HTML」をクリックしてから入力します。
<iframe width="340" scrolling="no" height="260" frameborder="1" align="left" marginheight="10" marginwidth="10" name="flashwin" src="http://あなたのブログ名.cocolog-nifty.com/swf/showflash.htm"> </iframe> 枠内の動画部分をクリックしてくださいね。 <br clear="all" />
以上で、投稿記事にパラメトリックFLASHアルバムを利用できますね。ココログのコントロールパネルのファイルは、無料版で「2,000メガバイト」(約1.95ギガバイト)をアップ出来ますから、かなりのFLASHコードをアップできますね。
当方における実験投稿は、http://album2006.cocolog-nifty.com/images/2006/06/...
MPEG音源を鳴らしてみますか。base と src の使い分けを解説します
| Nifty - ココログを利用して音楽を楽しみますかも参照願います。 |
Flash素材＆Flashゲーム工房さんの、「Flash素材」の「MP3プレイヤー」を利用しました。感謝！
- フォルダーを作成しましょう。ここでは解説上「 sounds 」にしておきますか。
- このフォルダーにMPEG3プレイヤー本体をアップします。ファイル名は「 fm1.swf 」ですね。
- 音源ソース毎にフォルダーを作成しましょう。ここでは解説上「 abc-com 」とします。つまり、MPEG3配布元のバナー画像と音源ファイルを、配布元それぞれに「 sounds 」の下にフォルダー管理すると楽ですよ。例えば、http://wanco.matrix.jp/music/ さんのMPEGファイルを利用させていただけるのなら、フォルダー名「 wanco-matrix-jp 」にします。インターネット・ドメイン名なら重複しません。こうしておくと後から管理し易いですよ。EMBEDタグの、BASE属性にフォルダーを定義することを忘れないようにします。
- 基本フォルダー「 sounds 」には、ファイルは１つだけ存在ます。つまり「 fm1.swf 」だけと言う事です。その他は複数のフォルダーだけとなります。音源MPEG3ファイル群は、フォルダーの下になるようにします。
- 次に利用可能な音源を捜しますか。ここなんか、どうでしょうか？ 音源ファイルをアップします。大き過ぎるとダメなんでしょうが、今回のテストでは、3.71 MBでしたが、アップできましたね。素晴らしい！！
- 次は、投稿時に以下のHTML文を組み入れるだけです。音源ファイルはフォルダー「 sounds 」下の、「 abc-com 」フォルダー下にあるものとします！ base の定義が味噌ですね。(^^)
<embed width="50" height="20" type="application/x-shockwave-flash" bgcolor="#F4F4F4" src="http://あなたのブログ名.cocolog-nifty.com/sounds/fm1.swf?file=音源ファイル名.mp3&streaming=true&loop=1&autostart=true&autoload=false" base="http://あなたのブログ名.cocolog-nifty.com/sounds/abc-com/"> </embed>
ココログのコントロールパネルのファイルは、のようになります。ココログのコントロールパネルの状況のキャッシュPDF
当方における実験投稿は、ココログ ＞ 音楽 ※ 音楽が流れますのでご注意願います。
FLASHで配布されるSWFファイルからMPEG3音源などを抽出するには？
「milbesosさんのHP」で配布されている、フリーソフト「HugFlash Ver.2.3」を推奨します。ParaFla + ParaDraw + Fyp とのカップリング・インストーラーを作成し無料配布中です。ParaFla FLASH作成フリーソフトのインストーラーをご覧下さい。
【結論】利用可能なFREEブログ
| ブログ名 | IFRAMEタグを利用したFLASH呼び出し | 直接EMBEDタグでの呼び出し | JavaScriptライブラリー呼び出し |
| ココログ | ○ | ○ | ○ |
| Livedoor | ○ | ○ | ○ |
| SeeSaa | ○ | ○ | ○ |
| FC2 | ○ | ○ | ○ |
| YapLog | ○ | ○ | ○ |
| 戻る | Top | 汎用 |
| Nifty - ココログを利用して音楽を楽しみますか | ||
コメント(0) ｜
2006年07月02日(日) 10:17:16 Modified by mmj_aos
添付ファイル一覧(全1件)
f272cb29b4a3c499.pdf (41.64KB)
Uploaded by mmj_aos 2006年06月21日(水) 18:33:17
Uploaded by mmj_aos 2006年06月21日(水) 18:33:17