忍者ブログ
ブログにmp3を載せる。

 昔、テキスト音楽「サクラ」で自作曲を打ち込み、自サイトでMIDIを公開していた。
 そのサイトを閉鎖して忍者ブログに移ってきた際、ここでもMIDIを公開できないか試したものの、ブログ上で音を鳴らすことができず、断念して数年。

 忍者ブログ、どうやらmp3かmp4ならば音声ファイルを公開できるらしい(但し、アップロードできるファイルサイズは上限2MB)。
 MIDIをmp3に変換する方法はないものか、と調べたところ、2段階踏めばフリーソフトのみで実現可能と判明した。


(1) MIDI→WAV変換:MIDI Encoder
(2) WAV→mp3変換:午後のこ~だ

 両ソフトをダウンロードして、変換してみる。
 変換自体は何の問題もなく終了したが、ここでアップロードファイルサイズ制限の壁が立ちはだかる(汗)。変換後ファイルサイズが、2MB超える!
 いろいろ試した結果、MIDI→WAV変換時の設定は、ほとんどWAV→mp3変換後の最終ファイルサイズには寄与しない。要するに、MIDI→WAV変換時は最高音質でもOK、でもWAV→mp3変換時に徹底的に音質を下げないと2MBに収まらない模様。

 さて、mp3に変換し、サーバにアップロードもできた。次は、いかにしてブログ上で再生するか。
 プラグイン入れるとかよく解らないので、htmlタグだけで実現できないか探したところ、audioタグを発見した。但し、HTML5タグに対応していないブラウザでは表示できないとのことだが、私が使用中のFirefoxではコントロール部が表示され、再生もできたので、とりあえずコレで良いことにする。
 因みに、こんな感じ。 → 砂の小人

 ……が、Intenet Explorerでブログを見たところ、コントロール部の横幅が長過ぎて、ブログ記事を飛び出した(泣)。幅を変える方法ないの? 音は鳴るんだけれどなー。

(2014.6.9追記)
 audioタグにはwidth属性がないが、styleを使えば幅を指定できることが判明!
 <audio src="○○.mp3" style="width: 100%">
 ピクセルサイズ指定も可能だが、私はブログ記事の幅に対する比率にしておく。

拍手[0回]

PR
【2014/06/08 00:08 】 | 日記 | コメント(0)
<<【小話】合体 | ホーム | 【小話】麺類>>
コメント
コメント投稿














<<前ページ | ホーム | 次ページ>>