■■HPで音楽再生：mp3ファイル再生■■
ある程度HP作成やHTMLの知識がある方を前提としています。
HTMLについて一般的な事がもっと知りたいという方は、
とほほのWWW入門さん等のHP作成Tipsサイトを参考にしてみて下さい。
■音楽付きページを作るにあたっての心構え
・訪問者が任意で再生をストップ出来る形にする方が無難です。（うるさいと思う方もいるのです）
・オーディオファイル(mp3やwavファイル)は容量が大きいので、読み込み時間も考慮しましょう。
・TOPページでいきなり音を鳴らすと、びっくりする方や、時には不愉快になる方もいます。
・「入り口」ページなどで、次ページに音が鳴る事を明記してから音楽付きページに飛ぶと、親切です。
1.基本的な方法 |
ストリーミング再生とは、音声ファイルや動画ファイルをインターネットからダウンロードしながら再生する方式です。ダウンロード完了を待たずに再生が開始されるので、クリックしてすぐに試聴が可能になります。 |
1-2. <EMBED>タグ・<BGSOUND>タグの使用 |
サンプル6は、読み込みに少し時間がかかるかもしれません。このように、あまり大きなファイルを使用すると、閲覧する側にストレスを与えてしまう事になり、効果的に試聴させているとは言えなくなってしまいます。 近年ブロードバンド環境が普及したとはいえ、このように（あるいはこれ以上に）サイズの大きいファイルをEMBED・BGSOUNDタグで貼り付けるのは、あまりお勧め出来ません。 サンプル7は、環境によっては再生出来ない場合があります。 |
2.ひと工夫してみよう |
mp3を、左記のストリーミング方法で再生させているサイトを掲載します。 再生の参考にしてみて下さい。 maock ｈｔｍｌバージョンから入って「works」内にmp3試聴があります。 UndertheSky 筆者のサイトです。 |
2-2. プレイリストファイルの使用 [1] リアルオーディオのメタファイルと同じ要領で、まずテキストエディタ等で、 設置したmp3ファイルのURLを記載したテキストを作ります。 ここではsample02.mp3というファイルを、http://www.musicplat.com/tips_sample/ に アップしたのでテキストファイルには http://www.musicplat.com/tips_sample/sample02.mp3 と書きます。テキストは sample2.txt、という感じで普通に保存して下さい。 [2] 次に、[1]で作ったテキストファイルの拡張子を m3u に変更します。 sample2.txt → sample2.m3u [3] 拡張子を変更したら、 そのファイル（sample2.m3u）をHP領域にアップロードして、 HPで再生させたいページに、 次のタグを記載します。 【サンプル8】←実際にm3u形式で設置しています。試しに再生してみましょう。 どうでしょうか。手元のmp3プレーヤーが起動して再生が始まりましたか？ デフォルトだと、Windowsはメディアプレーヤー、Macはクイックタイムや iTunesが起動するでしょうか。 もし、再生が始まらない方は、お手元の再生環境に、m3uという プレイリストファイルの拡張子が登録されていない可能性があります。 次からは、デフォルトのプレーヤーを例に、拡張子登録や、その他 設置についての注意事項 について説明します。 |
メタファイルの詳細は、リアルオーディオファイルの再生をご覧下さい。 |
2-3. 試聴について：再生プレーヤーの設定 <<Mac：IEの場合>> ※画像はOS9.1、IE5.16のものです  Macは、インターネットからDLするファイルのタイプ設定はブラウザで行います。 IEメニュー＞編集＞初期設定＞ファイルヘルパーを見て頂くと「ファイルヘルパーの 設定」という 表が現れます。ここでファイルの拡張子とMINEタイプの設定をする必要が あるかもしれません。 まずは、拡張子m3uのファイルが登録してあるかどうか、確認します。 登録されてなければ手動で登録しなくてはなりません。 手動で登録する時は、まず「ファイルヘルパーの設定」の「追加」ボタンをクリックします。 すると上図が空欄で現れますので図のように入力していきます。 （ネットスケープも基本的には同じですので、これを参考にしてみて下さい） <<上図を上から説明していきましょう>>
筆者の環境では、WindowsはWinAMP、MacはiTunesをデフォルトのプレーヤーに 設定してあります。WinAMPはフリーで使えてメディアプレーヤーよりも多機能で 動作も軽いので、再生プレーヤーとしてはお勧めのアプリケーションですよ。 |
MNEタイプ設定とは、簡単に言ってしまうと、「この書類は具体的にこういう形式の書類です」とパソコンに認識させるための分別方法のようなものです。普段は意識する事はありませんが、この設定のおかげでインターネット閲覧等も潤滑になっているといえます。 |
3.m3uファイル使用検討時に気を付ける事 |
MINEタイプの一覧です。これを見ただけでも、かなりの数の拡張子とMINEタイプが通常サーバに登録されているであろうことが解ります。テキストファイルですので、お手元に保存してエクセル等で見たら見やすいと思います。 |
3-2. 「.htaccess」の設定 尚、現在筆者が知るかぎり、m3uや.htaccessが使用出来る無料ディスクスペースはほとんど 存在しません。 もしこれらが使用可能なディスクスペースをご存じの方、是非お教え 頂ければと思います。 |
.htaccessというファイルは、ユーザが、各ディレクトリ単位で様々な設定をするためのファイルです。拡張子指定以外にもいろいろな事が出来ます。詳しい事を知りたい方は「ミケネコの htaccess リファレンス」というサイトが非常に詳しく解説されていてお勧めです。 |
ミュージックプラットからご連絡
ただいまぷらっとさーちへの登録募集中です。音楽に関するサイトのリンク集です。
