Trivial Weblog

車を運転しているときにmp3ファイルを聞くことが多いんですが、例えば再生時間が６０分ほどあるファイルを途中から聞きたい場合なんかは、再生機器の早送りボタンを押してその場所まで進めて聞いたりしていました。ちょっと聞き直したいところなんかも巻き戻しボタンを押し続ける感じで。これが地味に面倒くさくて（操作するの運転中だし）、聞きたい場所を探すのに時間もかかる。

MP3ファイルを一定間隔で分割すればボタンを一回押すだけで次のパートにいくので簡単になるけど、長いMP3ファイルなんてそう頻繁に聞くものでもないから別にいいかと思って何もせずにいました。でも最近長いMP3ファイルを頻繁に聞くようになって、しかも先日買ったやっすいFMトランスミッターは早送りと巻き戻しができないということもあって、ついにmp3ファイルを分割する方法を探すことにしました。

で、みつけたのがmp3DirectCutというフリーソフト。5分ごとに分割して連番をつけて保存するという、私がやりたかったことをダイレクトに、しかも自動でやってくれます。こんなに簡単にできるならもっと早くやっておけばよかったです。ダウンロード方法、使い方、アンインストール方法は以下のとおり。

mp3DirectCutのダウンロード方法

英語のサイトですが、以下の手順で簡単にダウンロードできます。

・mp3DirectCut

上記のサイトを開いて、下の方にいくと「Download mp3DirectCut」と表示されている部分があります。その下のリンクのいずれかからダウンロードします。今回はmpex.netをクリック。

すると以下のようなサイトが開くので、「DOWNLOAD STARTEN」というところをクリック。

以下の画面になってしばらくするとダウンロードしますか？ってのが出るので、保存を選択し、ダウンロード。ダウンロードしますか？っていうのが出なかったら、赤枠で囲ったhierというところをクリックするとダウンロードできます。

で、次はインストールです。

mp3DirectCutのインストール方法

ダウンロードしたファイルをクリックすると、セキュリティの警告がでますが、実行をクリックします。

すると以下の画面になるのでNextをクリック。

次はインストールするフォルダを選択します。変更の必要がなければそのままNextをクリック。

インストールするフォルダを変更したい場合は、Browseというボタンをクリックするとフォルダが選べます。その下のチェックボックスの「Create this directory if it does not exist」というのは、「このフォルダが存在しない場合はフォルダを作る」という意味なので、チェックボックスを入れたままでOKです。

インストールが完了したら、デスクトップに生成されるショートカットをクリックしてソフトを起動します。

初回起動時には以下の画面が表示されます。

上の画面でOKをクリックすると、以下のような画面が表示されます。

言語を選択して「Restart program」を押してくださいと書かれています。これもOKをクリック。

この画面で言語を選択します。

上のLanguageというところでJapaneseを選択。すると下にRestart programボタンが出てくるので、そこをクリック。

すると自動的にソフトが再起動します。表示も日本語に。

これで使う準備ができました。

mp3DirectCutの使い方１ 長いMP3ファイルを５分毎に分割し連番をつけて保存する

では、実際に使ってみます。長いMP3ファイルを５分ごとに分割し、連番をつけて保存するという作業をしてみます。手動でやるにはものすごく面倒くさい作業ですが、このソフトは自動でやってくれるので一瞬で作業がおわります。

今回は30分くらいのファイルを5分ごとに分割してみます。

ソフトを起動し、編集したいファイルを青い部分にドラッグ＆ドロップします。ファイル→開くでも同じことができます。

するとこんな画面が表示されます。チェックボックスにチェックを入れてOKをクリックすれば、次回以降は表示されません。

MP3ファイルを開くと画面がこんな感じになります。

ファイルが開けたら、特殊→自動キューを選択。

カットする時間を決めます。今回は５分ごとにカットするので5：00と入力し、OKをクリックします。

するとこんな感じになります。先ほどの画面と比べると、赤枠で囲った部分に変化が。

そしてファイル→分割保存を選択。

この画面で保存先フォルダが選択できます。そのままで良ければOKをクリック。

処理が始まります。

あっという間に分割完了！連番もふられています。

分割保存のときのファイル名は変更することができます。先ほどの画面の「作成ファイル名」の部分を編集します。今回はTrackという文字列は消してハイフンを入れてみます。

赤枠で囲った部分に「%F – %N」と入力し、OKをクリック。

するとこんな感じで生成することができました。

mp3DirectCutの使い方１ MP3ファイルの先頭の無音部分を自動的に検出しカットする

無音部分のカットも自動的にやってくれるらしいので試してみます。先頭に10秒くらい無音部分が入っているMP3ファイルを用意し、mp3DirectCutにドラッグアンドドロップ。

こんな感じになります。右側に波形が表示されていません。

特殊→無音区間の検出を選択。

全ての無音区間をカットにチェックを入れて、開始をクリックします。

検出が終了しました。が、見つかった数が２と表示されている・・。

２ヶ所検出されてしまったみたいです。今回は先頭の10秒無音部分だけをカットしたいので、もう一度ファイルを開くところからやり直してみます。

今度は詳細設定の長さの部分を1.3 secから5.0 secに変更してみました。これで5秒以上の無音部分が検出されるはず・・「見つかった数：１」の表示！成功したみたいです。

閉じるボタンをクリックして閉じます。

すると右側に編集前は表示されていなかった波形が表示されています。

ファイル→全体の保存を選択し、ファイル名を指定して保存します。

長さが10秒ほどカットされたファイルができあがりました。再生も問題なし！

mp3DirectCutのアンインストール方法

この記事を作成するために、一旦アンインストールしてから、再度キャプチャ画像をとりつつインストールしようと思ってコントロールパネルのプログラムの追加と削除を見てみたところ、mp3DirectCutが表示されていない。

そこで、インストールフォルダの中にあったFAQ.htmというファイルを見てみたところ、以下のような項目がありました。

How do I uninstall the software?

To uninstall the program, delete the delivered files, the .ini file (created by mp3DirectCut) and the Start menu link if you made one. The program does not write to the Registry or to system folders.

このプログラムをアンインストールするためには、展開されたファイルと.iniファイルとショートカットを削除してください。このプログラムはレジストリやシステムフォルダには書き込みしていませんという感じですね。

インストールしたときに作成されたフォルダ（変更していなければCドライブのProgram Files内のmp3Directcutというフォルダ）を丸ごと削除すればよさそうです。

一年以上前にロゴが入らないフリーのFLV PLAYERという記事を書いた。FLV形式のファイルをWebサイトに埋め込んで公開するためにはフラッシュ型のプレイヤーが必要で、JW Playerなどが有名だけど、JW Playerは動画が再生されてから少しの時間左下にうっすらとロゴマークが入る。また、非営利の場合は無料で使えるけど、商用サイトの場合は有料のPro版を使用しなければいけない。FLV Playerなら、ロゴが入らない、営利目的でも無料で使用可、おまけにいろいろカスタマイズできるからかなりナイス。という記事。

最近またFLV Playerのサイトに行ってみたら、ジェネレータがあることに気づいた（前アクセスしたときはジェネレータがうまく動かなかったような気がする）。これを使うと簡単にプレイヤーをカスタマイズできる。　

FLV Playerのダウンロード&サーバーへのアップロード

　
FLV Playerにアクセスし、サイト下部のMULTIをクリック。（MULTIが最も多くの項目を設定できる。限られた機能でシンプルなものが良い場合はMINIなどを選べば良い）

　
右サイドバーのDownloadをクリック。

　
中央のplayer_flv_multi.swfをダウンロード。

　
ダウンドードしたファイルをサーバにアップロードする。今回はダウンロードしたファイルをplayer3.swfというファイル名に変更し、testというフォルダにアップロードした。
　
　

FLV Playerのカスタマイズ

　
右サイドバーのGeneratorをクリック。

　
すると以下のようなページが開かれる。

　
上部にFLVプレイヤーが表示されていてカスタマイズが反映される。そのすぐ下にCategoryのボックス。このドロップダウンリストからメニューを選ぶとそれぞれの項目を設定できる。

　
設定できるカテゴリーは以下のとおり。

General	プレイヤーの基本機能の設定
Border	プレイヤーの枠の設定
Buttons of the player bar	プレイヤーのボタンとバーの設定
Colors of the player bar	バーの色の設定
Buffer display	バッファの設定
Title	タイトルの設定
Subtitles	サブタイトルの設定
Mouse control	マウスでの操作の設定
Playlist	プレイリストの設定
Images over the video	動画上の画像の設定
Video icons	動画上のアイコンの設定
Miscellaneous	その他いろいろな設定

　
　

Generalの設定

　

flv	再生したいflvファイルへのパス（URL）を入力する。あとからソースを直接変更することも可能。
title	動画のタイトルを記入するとプレイヤー内に表示される。
startimage	タイトル画像が指定できる。
width	プレイヤーの横幅の指定（単位px）
height	プレイヤーの高さの指定（単位px）
loop	１にすると動画をループさせることができる。
autoplay	１にするとページを開いたときに自動で再生できる。
autoload	１にするとページを開いたときに自動でダウンロードを開始する。（０の場合は再生ボタンを押してからダウンロード開始）
autonext	１にすると自動で次の動画にスキップする。
playonload	０にするとダウンロード後に動画が再生されない。
shuffle	１にすると動画がシャッフル再生される。
volume	ボリュームの初期値の設定。

今回は以下のように設定。flvはhttp://www.nrkz.net/test/test.flv。title、startimageは空欄。プレイヤーの高さを動画に合わせて変更。プレイヤーの再生ボタンなどがあるバーの高さがたぶん20ピクセルくらいなので、元の動画の240ピクセルに20追加して260を指定（バーの設定でバーが自動的に消える設定にする場合は動画のサイズのままでOK。枠線の幅を太くする場合はそのぶんも追加して指定する）。ループ無し。オートプレイ無し。オートロードあり。オートネクスト無し。プレイオンロードあり。シャッフル無し。ボリューム125。

　
　

Borderの設定

　

skin	スキン（jpegファイル）の指定。
margin	動画の外枠とプレイヤーの外枠の間の幅、つまり枠線の太さの指定。
bgcolor	枠線の背景色（角の部分などに見える）。
bgcolor1	プレイヤー上部の背景色。ここで指定した色から枠のグラデーションが始まる。
bgcolor2	プレイヤー下部の背景色グラデーションの終わりの色。

今回は枠線を表示を表示させたくないので、marginを0に指定。

　
　

Buttons of the player barの設定

　

showstop	１にすると停止ボタンを表示。
showvolume	１にするとボリュームのボタンを表示。
showtime	１にすると経過時間を、２にすると残り時間を表示。
showprevious	１にすると戻るボタンを表示。
shownext	１にすると進むボタンを表示。
showopen	１にするとオープンボタンを表示。２にするとプレイリストを表示。
showplayer	autohideでバーが自動的に消える、alwaysで常に表示、neverで表示しない。
showfullscreen	１にすると全画面表示のボタンを表示。
showwsitchsubtitles	１にするとサブタイトルの表示を切り替えるボタンを表示。
playertimeout	autohideを設定した時のバーが消えるまでの時間（単位ミリセカンド）

今回はストップボタンを表示、ボリュームを表示、経過時間を表示、戻るボタン非表示、進むボタン非表示、オープンボタン非表示、バーは常に表示、全画面表示ボタンを表示、サブタイトル切り替えボタン非表示を設定。

　
　

Colors of the player barの設定

　

playercolor	プレイヤーバーの背景色の指定。
playeralpha	プレイヤーバーの透明度の指定。
loadingcolor	ロードしているときのバーの色の指定。
buttoncolor	ボタンの色の指定。
buttonovercolor	マウスをのせた時のボタンの色の指定。
slidercolor1	バーのスライダー上部の色の指定（この色からグラデーション開始）。
slidercolor2	バーのスライダー下部の色の指定（グラデーションの終わりの色）。
sliderovercolor	マウスをのせたときのスライダーの色の指定。

バーの色cfcfcf、透明度100、ロードカラー0000ff、ボタンカラー000000、マウスをのせたとこのボタンカラー00aa00、スライダーカラー１b4b4b4、スライダーカラー2888888、マウスをのせた時のスライダーカラー00aa00。

　
　

Buffer displayの設定

　

buffer	バッファの時間の設定。（単位秒）
buffermessage	バッファ時のメッセージの設定。

ここは特にいじらない。
　
　

Titleの設定

　

titlecolor	タイトルの文字色の設定。
titlesize	タイトルのフォントサイズの設定。
showtitlebackground	タイトルの背景の表示方法の設定。

今回はタイトルをつけていないのでいじらない。
　
　

Subtitlesの設定

　

srt	１で字幕のサブタイトルを使う設定。
srtcolor	字幕の文字の色の設定。
srtbgcolor	字幕の背景色の設定。
srtsize	字幕のフォントサイズの設定。

変更無し。
　
　

Mouse controlの設定

　

onclick	マウスで動画をクリックした時の挙動の設定。URLを指定するとクリックしたときにそのURLへ移動する。playpauseは一時停止。何もしない場合はnoneを指定する。
onclicktarget	上で指定したURLがクリックされたときに、新しいウインドウで開くか、同じウインドウで開くかの指定。_selfは同じウインドウで開く。_blankは新しいウインドウで開く。
ondoubleclick	動画をダブルクリックしたときの挙動の設定。noneは何もしない。playpauseは一時停止。fullscreenで全画面表示。URLを指定するとそのURLに移動する。
ondoubleclicktarget	上で指定したURLがクリックされたときに、新しいウインドウで開くか、同じウインドウで開くかの指定。_selfは同じウインドウで開く。_blankは新しいウインドウで開く。

ここも変更は無し。

　
　

Playlistの設定

　

currentflvcolor	プレイリストの中の最近再生した動画の色の指定。
playlisttextcolor	プレイリストの文字の色の指定。
scrollbarcolor	スクロールバーの色の指定。
scrollbarovercolor	マウスをのせたときのスクロールバーの色の指定。
scrollbarsize	スクロールバーの大きさの指定。

変更無し。

　
　

Images over the videoの設定

　
URLを指定すると動画の上にその画像を表示できる。url|x(x軸方向の位置)|y(y軸方向の位置)という記入で画像の位置をしているすることも可能。

今回は画像なし。
　
　

Video iconsの設定

　

showiconplay	１で動画の真ん中に再生のアイコンを表示。
iconplaycolor	表示されるアイコンの色の指定。
iconplaybgcolor	表示されるアイコンの背景色の指定。
iconplaybgalpha	表示されるアイコンの背景色の透明度の指定。

アイコンを表示。色は白、背景は黒、透明度は75を指定。

　
　

Miscellaneousの設定

　

showmouse	動画上でのマウスカーソルの表示方法の設定。alwaysで常に表示、autohideで一定時間後に消える、neverで表示させない。
videobgcolor	動画が表示されなかったときの背景色の指定。
shortcut	０でキーボードによるショートカットを無効化。
videodelay	動画のタイトルが表示されている時間の設定。
showtitleandstartimage	１にするとタイトルとタイトル画像が同時に表示される。

ここも特に変更はなし。

　
　

全ての設定が終了。HTMLコードを取得しサイトに表示する。

　
ジェネレータで書く項目の設定が終わったら、下に表示されているHTMLコードをコピーする。今回生成されたHTMLコードは以下のとおり。

<object type="application/x-shockwave-flash" data="http://flv-player.net/medias/
player_flv_multi.swf"
 width="320" height="260">
    <param name="movie" value="http://flv-player.net/medias/player_flv_multi.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="FlashVars" value="flv=http%3A//www.nrkz.net/test/test.flv&height=260&
autoload=1&autonext=0&volume=125&margin=0&showstop=1&
showvolume=1&showtime=1&showopen=0&showplayer=always&
showfullscreen=1&playercolor=cfcfcf&loadingcolor=0000ff&
buttoncolor=000000&buttonovercolor=00aa00&slidercolor1=b4b4b4&
sliderovercolor=00aa00&showiconplay=1" />
</object>

上のコードのうち、

http://flv-player.net/medias/player_flv_multi.swf

となっている部分を２ヶ所、先程プレイヤーをアップロードしたURL

http://www.nrkz.net/test/player3.swf

に変える（変えなくても表示できる）。変えたあとのコードは以下のとおり。

<object type="application/x-shockwave-flash"　data="http://www.nrkz.net/test/player3.swf" width="320" height="260">
    <param name="movie" value="http://www.nrkz.net/test/player3.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="FlashVars" value="flv=http%3A//www.nrkz.net/test/test.flv&height=260&
autoload=1&autonext=0&volume=125&margin=0&showstop=1&
showvolume=1&showtime=1&showopen=0&showplayer=always&
showfullscreen=1&playercolor=cfcfcf&loadingcolor=0000ff&
buttoncolor=000000&buttonovercolor=00aa00&slidercolor1=b4b4b4&
sliderovercolor=00aa00&showiconplay=1" />
</object>

これを記事に貼ると・・。

このように表示されて、完成。

表示する動画を変えたいときは、上記コードのうち

http%3A//www.nrkz.net/test/test.flv

の部分を表示させたいFLVファイルへのパスに変更すればOK。

WordPressは投稿編集画面でエンターキーを連続で押して改行しても、記事ではその改行が反映されません。
　

投稿編集画面でいくら改行をいれて行間を広げたとしても・・・

　

記事上では一段落分しか改行されません。

行間が開けられないといまいち読みづらくなったりします。そこで、投稿編集画面での連続改行を有効にしよう！っていうプラグインがいくつかあります。brBrbrなどが有名だと思います。

でも、プラグインを使わなくても連続改行を有効にする方法があります。

　
　

Pタグにマージンを指定

　

マージンを指定したPタグを入れることで行間をあけることができます。例えば以下のように指定すると、3行分行間を開けることができます。

<p style="margin-top:3.0em;">ここに文章を書く。</p>

　
　

全角スペースを入力しShift＋Enterで改行

　

でもいちいちタグを書くのは面倒・・という場合は、「全角スペース」＋「Shift＋Enter」が使えます。投稿編集画面で全角スペースを入力したあと、シフトキーを押しながらエンターキーで改行するとソースでは

<br />

になります。それを連続で行うと連続改行が可能になります。

ソース上にはbrタグが連続で並ぶことになるので、それが気になる場合はPタグにマージンを指定するしかないですが、そうでないならこっちのほうが簡単です。

※どうやらIE9では改行されないらしい。