hiromasa.zone : o)

2007/1/3 Wednesday 投稿時の月齢:14.3  月名:十五夜  潮汐:大潮 Moon:14.3[十五夜]今日の心技体 : 好調前不安定期好調期好調期

サイトで MP3 を手軽に配信する方法 このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加

日記 - 晴時々曇 ひろまさ @ 22:07

昔は自作曲などを配信するときはずいぶん苦労したもので、回線の関係で大きなオーディオファイルなんかおけるわけもなく、ファイルの小さな MIDI などを配信して、相手さんのところで音声にしてもらって聞いてもらうのが普通でした。

今や MP3 などの圧縮技術と回線の増強により手軽に音声ファイルを配信できるようになり、いい時代になったものだと感動しちゃいます。 🙂

一般的にはこれら MP3 などのファイルをサイトにおき、ダウンロード後聞いてもらうことになるのですが、youtube などをみてもわかるとおり、ワンクリックで…もっと簡単に再生するのが今のはやり。 友達が音楽を配信したいということだったので、ぼくもいろいろ調べてみました。

おそらく一番どんな環境でも安定して再生できるのは Flash を使った方法です。

FLASH MP3 PLAYER 3.2

The Flash MP3 Player is the easiest way to add live music or podcasts to your website.

XSPF Web Music Player (Flash)

XSPF Web Music Player is a flash-based web application that uses xspf playlist format to play mp3 songs.

上記の二つは MP3 を引数で渡すことにより、Web 上のプレイヤーから再生をすることができます。 他にもいくつかあったのですが、ロード中の表現が分かりやすかったのがこの2つでした。(Thx おでさん!)

FLASH MP3 PLAYER 3.2 はクリエイティブコモンズライセンスで、商用の場合は有料とのこと。(WordPress用 のプラグインもあるようです。あと、youtube みたいなビデオ配信フラッシュも同じ作者さんがつくられています。)

ここでは、BSD ライセンスで商用利用も可能な XSPF Web Music Player (Flash) を使ってみました。

ではお聞きください、昔無理矢理 FM音源でつくった、Jupiter です。 (IE の方は再生ボタン2回クリックを…)

ホルスト組曲「惑星」より「木星」

今聞くとエフェクトかけ過ぎですね。(笑) ともあれ、便利に聴いてもらえます。 🙂

さて導入方法は簡単。 上記の Jupiter.mp3 という1つのファイルを配信するのに使っている方法を書いてみます。

サイトから Slim version 0.2.3 をダウンロードして swf ファイルを適宜サーバにアップロード。

でもって、プレイリストとなる xspf という拡張子の XML ファイルを曲に合わせて作成します。

  1.  <?xml version="1.0" encoding="UTF-8"?>
  2.  <playlist version="0" xmlns = "http://xspf.org/ns/0/">
  3.    <trackList>
  4.    <track>
  5.      <location>http://www.maple4ever.net/music/Jupiter.mp3</location>
  6.      <annotation>Jupter.mp3</annotation>
  7.    </track>
  8.    </trackList>
  9.  </playlist>

location と、annotation をサーバにアップロードした MP3 にあわせて設定します。 この XML を適当な名前をつけ拡張子を .xspf としてサーバにアップロード。 ここでは、Jupiter.xspf としました。(尚、annotation はフォントの関係でそのままだと日本語はでないようです)

それから、記載したいサイトに 以下の HTML でつくった .xspf を XSPF のフラッシュに与えます。 フラッシュや.xspf へのパスは適宜変更のこと。

  1.  <object
  2.   type="application/x-shockwave-flash"
  3.   width="400" height="16"
  4.   data="http://zone.maple4ever.net/files/music/player/xspf_player_slim.swf?playlist_url=http://zone.maple4ever.net/files/music/xspf/Jupiter.xspf">
  5.   <param
  6.   name="movie"
  7.   value="http://zone.maple4ever.net/files/music/player/xspf_player_slim.swf?playlist_url=http://zone.maple4ever.net/files/music/xspf/Jupiter.xspf" />
  8.  </object>

これでサイトを表示すると、プレイヤーが表示されるはずです。 IE の場合、フラッシュをアクティブするために一度クリックしなければならないようですが、まぁこの辺は注意書きで対応できるでしょう。(JavaScript でうまく回避できるかもしれません)

こんなのが手軽にできると、音楽つくりたくなりますね。 ASP 使えばもっと手軽に出来ますが、ASP サーバの状態やライセンスにやきもきしなくていいのが自前のいいところ。

興味ある方は帯域に気をつけて遊んでみてください。 🙂

2 Comments

Trackback

  1. From: hiromasa.zone :o) - 2007/1/7 Sunday Daytime (Trackback)

    続: サイトで MP3 を手軽に配信する方法…

    この前のエントリの続き、「サイトで MP3 を手軽に配信する方法」。 前回のは”サイト”でだったのですが、今度は WordPress を使った方 (more…)

  2. From: Jonah Medanich - 2019/9/5 Thursday Daytime (Trackback)

    to lsua.it

    hiromasa.zone :o)

Comment


このサイトはコンテンツをフリーズしました。トラックバック・コメントは閉じられています。

新しいサイトは、

hiromasa.another :o)

です。 :-)

このサイトについて

このブログは引っ越しを行いコンテンツはフリーズしています。hiromasa.anotherへどうぞ。

Powerd By WordPress

We (Heart) WordPress

WordPressME Logo
WordPress Plugins

ブログ内検索

Todays Popular

WordPress Ring

はてなリング - WordPress -

情報

31 queries. 0.090 seconds.

このページの先頭へ