Twitter 人気記事
はてなブックマーク人気記事
Mixwitのカセットテープ型Flash MP3プレイヤーがオープンソースに : mixwidget.org
» 音楽系ブログパーツ
前にここでも紹介したカセットテープ型のプレイヤーが特徴だったミックステープサイト Mixwit は、去年末頃に(おそらくはレコード会社の抗議によって)閉鎖に追い込まれ現在は利用できなくなっています。
その Mixwit の作者がサイトで使っていたカセットテープ型プレイヤーのソースコードをオープンソースとして今月初めから mixwidget.org で公開しています。
ソースコード (ActionScript3) とあわせてダウンロードできるビルド済みのサンプルを使って、指定の MP3 を再生する方法を簡単に説明します。(詳しい使い方は how to use を参照)
スキンを指定した場合は frameColor、 bodyColor、 gearboxColor、 threaderColor は色指定しても隠れて見えなくなります。
ブログサーバに MP3 や SWF ファイルをアップロードできない場合は、別の Web サーバに置き場所を用意する必要があります。(直接アクセスできないオンラインストレージなどは不可)
↓例 (mixwidget.swf の URL は各自のものに変更してください)
↓貼り付けるとこんな感じになります。
サイズが大きめなので使いどころが限られますが、使い方次第ではインパクトのある目立つ宣伝ツールになるかも。
[関連サイト]
mixwidget.org
tapedeck.org
XSPF: XML Shareable Playlist Format
![TDK オーディオカセットテープ AE 60分11巻パック [AE-60X11G]](http://ecx.images-amazon.com/images/I/319Z3A8Y75L._SL110_.jpg "TDK オーディオカセットテープ AE 60分11巻パック [AE-60X11G]")
![TDK エンドレスカセット6分 [EC-6MA]](http://ecx.images-amazon.com/images/I/21J7WHW338L._SL110_.jpg "TDK エンドレスカセット6分 [EC-6MA]")
その Mixwit の作者がサイトで使っていたカセットテープ型プレイヤーのソースコードをオープンソースとして今月初めから mixwidget.org で公開しています。
ソースコード (ActionScript3) とあわせてダウンロードできるビルド済みのサンプルを使って、指定の MP3 を再生する方法を簡単に説明します。(詳しい使い方は how to use を参照)
プレイヤー本体のダウンロード
まずトップページの「download」から、mixwidget-demo.zip をダウンロードして展開しておきます。プレイヤーを動かすのに最低限必要なファイルは mixwidget フォルダにある以下の3つと再生する MP3 ファイルです。- mixwidget.swf (プレイヤー本体)
- config.xml (設定ファイル)
- playlist.xspf (プレイリスト)
プレイヤースキン
スキンはサンプル以外にも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
- メディア: エレクトロニクス
- 出版社/メーカー: TDK
- メディア: エレクトロニクス
Facebook コメント
Facebook コメントに書き込まれた質問に対する返答・回答は行いません。ご了承ください。
iTunes Store 音楽アプリベストセラー
for iPad
10件まで表示
for iPhone/iPod touch
for Mac
最新記事一覧
カテゴリー別表示
リストで一覧表示月別表示
Dropbox
懐かしぃ～。
久々にテープ見た気がします＾＾
高いSONYのMetal tape買ったのに
伸びた時は悲しかったなぁ・・・
by secretariat (2009-03-28 20:20)
ウチには昔録ったテープはたくさんあるんですが、
今はカセットテープが再生できるプレイヤーがありません・・・
by TAN (2009-03-29 00:02)
うちは逆ですよ
デッキはありますがテープがありません＾＾；
なのでデッキの動作は確認してませんが・・・
by secretariat (2009-03-29 14:19)
初めまして。
こちらのso-netのブログは他のブログと違い、jpegやpng以外のデータファイルを保存できるのでしょうか。
当サイトを参考に色々とやってみましたが、どうしてもできません('A`)
どこからレンタルサバーでも借りてきてアップロードしてるのでしょうか？
教えてくださいil||li▂█▀ฺ█●il||li
by haru (2009-03-31 16:40)
haruさん、はじめまして。
ブログサーバにmp3を置けない場合は別のWebサーバに置き場所を
用意してやる必要があります。
so-netブログは5MBまでのmp3ならアップロードできるようになっていて、
標準機能のmp3プレイヤーやPodcastプレイヤーなんかも用意されてます。
プレイヤー本体(SWF)はブログサーバにアップロードできないので、
so-netの自分のホームページスペースに置いてます。
by TAN (2009-03-31 21:15)
いつも大変参考にさせて頂いてます。
Tape最高です！
by red (2009-05-05 14:52)
redさん、毎度アクセスありがとうございます。
こういうのがフリーで利用できるのはありがたいですよね。
by TAN (2009-05-05 19:21)
はじめまして。
いつも拝見して色々勉強させて頂いています。
実は、mixwidgetで曲のタイトルを日本語で表示したいのですが、表示出来ません。
多分、使用されているフォントの問題だと思うのですが、どこを変更すれば表示されるかお分かりになりますでしょうか。
もしお分かりでしたら、教えて頂きたいです。
宜しくお願いします。
by Miyo (2011-03-29 19:25)
Miyoさん、はじめまして。
いつも読んでいただきありがとうございます。
mixwidgetはFlash本体に埋め込まれたフォントデータ(フォント名:Splurge)が使われているので、日本語表示はできないかもしれません。
by TAN (2011-03-29 22:07)
どうもはじめまして
今までMixpodを使用していたのですが
最近音源の新規UPが出来なくて困っておりました。
コレは正に求めていたプレーヤーです！！
早速、試して見たいと思います。
情報、どうもありがとうございます！！！
by Studio-Oz (2011-03-30 05:29)
Studio-Oz さん、はじめまして。
MixpodというPodcastサービスは知りませんでした。
Mixwidgetは以前はMixPodみたいなWebサービスだったのですが、
早々に閉鎖されていまい、今はオープンソースでプレイヤー単体だけが提供されています。
自分でプレイヤー本体と曲ファイルの置く場所を用意しないといけないのでちょっと手間がかかります。
by TAN (2011-03-30 15:20)