So-net無料ブログ作成
» スポンサーリンク

Mixwitのカセットテープ型Flash MP3プレイヤーがオープンソースに : mixwidget.org
» 音楽系ブログパーツ 

前にここでも紹介したカセットテープ型のプレイヤーが特徴だったミックステープサイト Mixwit は、去年末頃に(おそらくはレコード会社の抗議によって)閉鎖に追い込まれ現在は利用できなくなっています。

 その Mixwit の作者がサイトで使っていたカセットテープ型プレイヤーのソースコードをオープンソースとして今月初めから mixwidget.org で公開しています。



 ソースコード (ActionScript3) とあわせてダウンロードできるビルド済みのサンプルを使って、指定の MP3 を再生する方法を簡単に説明します。(詳しい使い方は how to use を参照)

プレイヤー本体のダウンロード

 まずトップページの「download」から、mixwidget-demo.zip をダウンロードして展開しておきます。プレイヤーを動かすのに最低限必要なファイルは mixwidget フォルダにある以下の3つと再生する MP3 ファイルです。
  • mixwidget.swf (プレイヤー本体)
  • config.xml (設定ファイル)
  • playlist.xspf (プレイリスト)
 スキン(カセットテープの画像)を使いたい場合は skin.jpg、ラベル画像を使いたい場合は image.jpg が必要になります。(画像サイズは zip のサンプル参照)

プレイヤースキン

 スキンはサンプル以外にも37種類の画像が入った zip ファイル が別に用意されています。他にも、以前ここでも紹介したことのある tapedeck.org でダウンロードできますが、中央の窓枠のサイズが小さめのもの選ばないと表示がずれてしまうので注意してください。

プレイヤー設定ファイルとプレイリストファイル

 プレイヤー設定ファイル (config.xml) とプレイリストファイルは (playlist.xspf) はテキスト形式なのでテキストエディタ (Windows のメモ帳や OS X のテキストエディットでも可)で編集します。

プレイヤー設定ファイル (config.xml) の項目説明

config.xml の内容 項目の説明
<title>ここにタイトル</title> タイトル (再生前の初期表示)
<creator>ここに作者名</creator> 作者名 (再生前の初期表示)
<image rotation="0" x="0" scale="25" y="0"
mask="body"></image>
ラベルイメージ(image.jpg)を
指定しない場合は削除
<skin imageEnabled="true"> スキン(skin.jpg)を指定しないときは false
<shadow>0</shadow> 影の濃さ (0~100)
<gloss>30</gloss> 光沢の強さ (0~100)
<outlines>20</outlines> 縁の濃さ (0~100)
<frameColor>CCCCCC</frameColor> フレームの色 (RGB)
<bodyColor>66CCFF</bodyColor> ラベル部分の色 (RGB)
<gearboxColor>CCCCCC</gearboxColor> フレームの真ん中の色 (RGB)
<gearColor>;598B9F</gearColor> ギアの色 (RGB)
<threaderColor>CCCCCC</threaderColor> フレームの下部分の色 (RGB)
<text size="18" color="FFFFFF" bgAlpha="0"
bgColor="FFFFFF" align="LEFT"></text>
テキスト表示設定
 size: 文字サイズ
 color: 文字色 (RGB)
 bgAlpha: 背景の透明度 (0~100)
 bgcolor: 背景色 (RGB)
 align: 配置 (LEFT/CENTER/RIGHT)
<trackText x="26" y="21" width="260"></trackText> タイトル/曲名の表示位置
<artistText x="28" y="38" width="260"></artistText> 作者名/アーティスト名の表示位置

 スキンを指定した場合は frameColor、 bodyColor、 gearboxColor、 threaderColor は色指定しても隠れて見えなくなります。

プレイリストファイル (playlist.xspf) の項目説明

プレイリストの書式は XSPF に準拠します。
playlist.xspf の内容 項目の説明
<title>タイトル</title> プレイリストタイトル (表示されない)
<creator>作者名</creator> プレイリスト作者名 (表示されない)
<track> トラック
 <location>http://~/sample.mp3</location>  MP3 ファイルの URL
 <title>ここに曲名</title>  曲名
 <creator>ここにアーティスト名</creator>  アーティスト名
 <album>ここにアルバム名</album>  アルバム名
 <duration></duration>  曲の長さ(msec)
</track> 複数曲の場合は <track> ~ </track> を同様に追加

埋め込みタグの貼り付け

 必要なファイルと MP3 を Web サーバにアップロードしたら、sample_embed.html を参考に embed タグをページに貼り付ければ完成です。
 ブログサーバに MP3 や SWF ファイルをアップロードできない場合は、別の Web サーバに置き場所を用意する必要があります。(直接アクセスできないオンラインストレージなどは不可)

↓例 (mixwidget.swf の URL は各自のものに変更してください)
<embed width="430" height="330" type="application/x-shockwave-flash" src="http://~/mixwidget.swf" wmode="transparent"></embed>

↓貼り付けるとこんな感じになります。

サイズが大きめなので使いどころが限られますが、使い方次第ではインパクトのある目立つ宣伝ツールになるかも。

[関連サイト]
 mixwidget.org
 tapedeck.org
 XSPF: XML Shareable Playlist Format


TDK オーディオカセットテープ AE 60分11巻パック [AE-60X11G]

TDK オーディオカセットテープ AE 60分11巻パック [AE-60X11G]

  • 出版社/メーカー: TDK
  • メディア: エレクトロニクス
TDK エンドレスカセット6分 [EC-6MA]

TDK エンドレスカセット6分 [EC-6MA]

  • 出版社/メーカー: TDK
  • メディア: エレクトロニクス

nice!(4)  コメント(11)  トラックバック(0)   » カテゴリー:音楽系ブログパーツ
permalink
trackback
このエントリーをはてなブックマークに追加


» スポンサーリンク
DMR

サウンドハウス


nice! 4

コメント 11

secretariat

懐かしぃ~。
久々にテープ見た気がします^^
高いSONYのMetal tape買ったのに
伸びた時は悲しかったなぁ・・・
by secretariat (2009-03-28 20:20) 

TAN

ウチには昔録ったテープはたくさんあるんですが、
今はカセットテープが再生できるプレイヤーがありません・・・
by TAN (2009-03-29 00:02) 

secretariat

うちは逆ですよ
デッキはありますがテープがありません^^;
なのでデッキの動作は確認してませんが・・・
by secretariat (2009-03-29 14:19) 

haru

初めまして。
こちらのso-netのブログは他のブログと違い、jpegやpng以外のデータファイルを保存できるのでしょうか。
当サイトを参考に色々とやってみましたが、どうしてもできません('A`)

どこからレンタルサバーでも借りてきてアップロードしてるのでしょうか?
教えてくださいil||li▂█▀ฺ█●il||li
by haru (2009-03-31 16:40) 

TAN

haruさん、はじめまして。
ブログサーバにmp3を置けない場合は別のWebサーバに置き場所を
用意してやる必要があります。

so-netブログは5MBまでのmp3ならアップロードできるようになっていて、
標準機能のmp3プレイヤーやPodcastプレイヤーなんかも用意されてます。

プレイヤー本体(SWF)はブログサーバにアップロードできないので、
so-netの自分のホームページスペースに置いてます。

by TAN (2009-03-31 21:15) 

red

いつも大変参考にさせて頂いてます。
Tape最高です!
by red (2009-05-05 14:52) 

TAN

redさん、毎度アクセスありがとうございます。
こういうのがフリーで利用できるのはありがたいですよね。
by TAN (2009-05-05 19:21) 

Miyo

はじめまして。
いつも拝見して色々勉強させて頂いています。
実は、mixwidgetで曲のタイトルを日本語で表示したいのですが、表示出来ません。
多分、使用されているフォントの問題だと思うのですが、どこを変更すれば表示されるかお分かりになりますでしょうか。

もしお分かりでしたら、教えて頂きたいです。
宜しくお願いします。
by Miyo (2011-03-29 19:25) 

TAN

Miyoさん、はじめまして。
いつも読んでいただきありがとうございます。

mixwidgetはFlash本体に埋め込まれたフォントデータ(フォント名:Splurge)が使われているので、日本語表示はできないかもしれません。
by TAN (2011-03-29 22:07) 

Studio-Oz

どうもはじめまして
今までMixpodを使用していたのですが
最近音源の新規UPが出来なくて困っておりました。
コレは正に求めていたプレーヤーです!!
早速、試して見たいと思います。
情報、どうもありがとうございます!!!
by Studio-Oz (2011-03-30 05:29) 

TAN

Studio-Oz さん、はじめまして。
MixpodというPodcastサービスは知りませんでした。

Mixwidgetは以前はMixPodみたいなWebサービスだったのですが、
早々に閉鎖されていまい、今はオープンソースでプレイヤー単体だけが提供されています。
自分でプレイヤー本体と曲ファイルの置く場所を用意しないといけないのでちょっと手間がかかります。


by TAN (2011-03-30 15:20) 

コメントを書く

名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

Facebook コメント

トラックバック 0

トラックバックの受付は締め切りました

iTunes Store 音楽アプリベストセラー
for iPad





for iPhone/iPod touch





for Mac





customizeBlog2(); //]]>