昔、テキスト音楽「サクラ」で自作曲を打ち込み、自サイトで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