スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

えむえる投稿者のための視聴講座3

~ 前口上 ~
gdgd本サイトのBBSで質問がありまして、

それでですね、えむえるによくみなさん合奏を視聴出来るようにしてらっしゃるみたいなんですが、方法が分からないことと、
それともう一つまきまびしーく以外は使い方わからないもので・・・orz
詳しい方法が分かればとおもいまして・・・。

あ それとですね、ブログでまり姉様のように、mmlを視聴出来るようにする方法も教えていただけたらーとおもいまして。
自分はFc2というブログを最近作りましてー。
ただでも、訪問者が簡単にクリップボードにコピー出来るようにしたいのと、視聴もできるようにしたいとおもっておりますー。



と言うようなお便りを頂き、視聴関係の説明記事を作ることに。

前回までの記事で

えむえる投稿者のための視聴講座
・視聴までの大筋について
・音楽ファイルの種類と長所短所について
・利用するサービスの機能と長所短所について


えむえる投稿者のための視聴講座2
・MIDI編集環境を整える
・マビしーくからMIDIを出力について
・MIDIの音色変更について


を見てきました。
前回の内容で、MIDIファイルは作れるようになりました。

今回はmp3作成についてを考えていたのですが、折角MIDIが作れたので、先にFC2を視聴サイト化することについて見て行きたいと思います。
  ↓↓



さて今回の内容はほとんどFC2ブログの使い方になってしまうような気がしますが、一応文章のみの記事は書けるものとして話を進めて行きたいと思います。



まずはMIDIファイルを記事に設置してみたいと思います。
fig00040

ぽちっと貼り付け機能が、こんな感じになってまして、貼りたい位置にカーソル置いておいて、ファイル貼り付けボタンを押します。

fig00041

こんな画面になるので、ファイル選択し必要事項を記入します。
ファイル名は自分が分かりやすいように名前付けれるってだけなのでお好きなように。
サムネイルは見本の小さい画像で、クリックしたら大きくなるヤツですね。ここでは小さい方の画像サイズを指定します。
オッケーならアップロードを。

fig00042

下のファイルリストに追加されるので、このリストから何を貼り付けるかを選択します。

・設定したサムネイルより小さい画像はサムネイル用意されません。
・記事を書くを押すと、そのままの画像サイズの物が貼られます。
・サムネイルは、記事には小さいサイズが貼られ、クリックで拡大。
・midについては記事を書くで貼り付けできます。

<a href="http://blog-imgs-18.fc2.com/m/a/r/marinemml/sample053.mid" target="_blank">sample053</a>

こんな文字列が記事に貼り付けされますが、

<></>は命令文です。
がファイル名で、赤の命令文と合わせて、「緑のファイルへリンクを貼る」という意味になります。
が実際の画面に出てくる文字なので、お好きなように変更してください。
・この文全体を移動させるのは大丈夫なので切り取り、貼り付け等で移動させてください。

これで、midを貼った記事が作れるようになりました。



次に記事への誘導の方法を見てみましょう。

gdgdmmlメモ帳のURLを見てみると・・・

http://marinemml.blog23.fc2.com/

このようになっていて、これがブログのトップへのURLです。

fig00043

このように記事のタイトルをクリックすると、その記事だけがクローズアップされます。
そのときのURLは

http://marinemml.blog23.fc2.com/blog-entry-75.html

このようになっていて、赤字の所が記事のファイル名です。
つまりこの場合、「marinemmlさんのブログの75番目の記事」ってことになりますよー。
この記事直通のURLをえむえるの投稿者コメに貼っておけば、視聴として記事に誘導できるようになります。

逆にえむえるのコメを開いた画面のURLをこっちに貼っておけば、えむえるの該当曲への誘導ができるので、MMLコピーについてはそのように誘導して上げると良いかなと思います。

(例)http://mabimml.modev.jp/index.cgi?sep=12334

えむえるの場合は赤字の所が曲番号のようですね。

1記事に対して1曲設置し、えむえると1:1でリンクを貼り合うと良いでしょう。



最後に目次とかあると便利かなーとも思うので、目次の作り方を考えてみましょう。
gdgdmmlでは作ってないので、まさに今考えてますw
出来なかったらごめんなさい^^;

FC2ブログでは、カテゴリで記事の種類分けが出来るようになってます。
そこで目次が流れてしまわないように、「目次」というカテゴリを作ります。
管理画面より「新しく記事を書く」で記事を作ります。

fig00044

カテゴリの右欄に「目次」と書いて追加ボタン押すと、左欄で選択できるようになります。
カテゴリは、後で管理画面左のメニューにある「環境設定→カテゴリの編集」で管理できます。

記事の内容に、URLボタンで各記事にリンクを貼り、曲目リストにします。
このように目次を作ってあげることで、記事が流れて探しにくくなっても、目次からアクセスできるようになります。

試しに、うちのカテゴリのところにも目次作って目次記事書いてみたので、参考にしてみてください。



これでFC2が視聴サイトとして利用できるようになったかと思います。
次回からは動画作成とyoutube投稿についてみてみたいと思います。



~ 追記 ~

コメントで、再生機能が使えないとのコトだったのですが、もしかしてプレイヤーを貼り付けたかったのかもと気づいたので、ブログで出来るか実験してみたところどうやら貼り付けれるようでした。

プレイヤー貼り付けのテスト(成功)

タグ
<embed src="http://blog-imgs-18.fc2.com/m/a/r/marinemml/sample053.mid" autostart=false>

解説します。
<embed>は、音声や動画をページに埋め込むための命令です。
がファイルで、ファイル貼り付けの時のモノと同じと考えてください。
は自動再生の設定で、ここでは自動再生しないように設定してます。

詳しくはこちらをどうぞ。

http://www.tohoho-web.com/html/embed.htm



~ 追記2 ~

今回の内容で<xxxx></xxxx>のような命令文が何度か登場しましたが、これらはHTMLというウェブサイトを作るための言語です。
ブログ上で全部使えるかどうかは分かりませんが(悪意のある人が悪いことにも使えてしまうためある程度機能を制限されているかも知れません)、今回実験してみた感触だと、FC2ブログ上ではかなりの命令がホームページと同じように使えるようですね^^

とほほのHTML入門

こんなページがありまして、分からないコトがあったらいつもココで調べ物してますので、もし興味があるならどうぞー。
HTMLからスタイルシート、JavaScriptから各種CGI関係まで、サイト作りのことなら大抵のコトは分かりますよー。


スポンサーサイト

theme : マビノギ
genre : オンラインゲーム

comment

なんとか出来ました!

えーと説明のままmid製作~ブログへの貼り付までを完了して・・・
えむえるでのリンク貼りから、ブログへの移動をした後の場合ですが、ブログ内のmid再生機能が使えません.

えっと。

こちらでも確認してみようかと思うのですが、ブログのURL教えていただいても大丈夫です?

追記:えむえるから辿って発見したので、確認してみます。

追記2:とりあえず再生クリック→メディアプレイヤーでの再生を確認しましたが、

>ブログへの移動をした後の場合ですが、ブログ内のmid再生機能が使えません.
たかみっさん側では、具体的にどのようになってるのでしょう?

追記3:再生機能について記事本文に追記したので、読んで見て下さい^^

やっほーー

リサです。リンクさせてもらいましたー^^
これからちょくちょく遊びにきますねー

実はプレイヤーの貼り付け方がわからなかったので、すごい助かりました・・・wありがとうございます!

あと、視聴ファイルの貼り付けですが、私の場合は、3MLでWAVWに変換→MP3に変換でやっています。私はFC2を使っているので最大容量500k以内に抑えなくてはいけないのですが、2分以内であれば、この方法で500k以下になります。
音質はもちろん落ちるんですが、MIDI変換とちがって音色をいじらないので、マビ上でやる雰囲気がわかるのがメリットなのかなと・・・・

ちなみにWAVE→MP3変換はlife(Lame Ivy Frontend Encoder)というのを使ってます。
そうそう、容量を下げるには出力をモノラルにしないと2倍の容量になります・・・w

長文ゴメンネーー;;
よかったらリンクヨロです。。
Secret

釣果

プロフィール

まりねー

Author:まりねー
マビノギ鳥鯖でgdgdなMMLを作りまくってるまり姉です。

最近はゴレゴレしたり壁作って引きこもったりしてます。
無料転生来たのでサブとかも育て始めました。

でも大人まり姉をアダルトまり姉って読むのはヤメテ、お願いw

マビノギ - Fantasy LIFE!

ブログランキング

マビノギ・ブログ

カレンダー

05 | 2017/06 | 07
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -

カテゴリ

リンク

QRコード

QRコード

イベントカレンダー

イベントカレンダー

検索フォーム

最新記事

最新コメント

月別アーカイブ

最新トラックバック

ブロとも申請フォーム

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。