2007年02月15日

ホームページ用音楽プレイヤー「ミューズ」

[一行紹介]
ホームページに設置でき、簡単にBGMを流せる音楽プレイヤー

[説明]
ホームページに設置でき、簡単にBGMを流せる音楽プレイヤー

簡単・シンプル・コンパクト(壁紙でかいよな)をコンセプトに作られており、

わずか一行
<iframe src="music.shtml" scrolling="no" frameborder="0" width="200" height="100" marginwidth="0" marginheight="0"></iframe>
この記述を書くだけで、ホームページ用音楽プレイヤー「ミューズ」を設置をする事ができます。

レイアウトを崩す事もありません。


付属ファイルの「data.txt」に

http://○○○○/××××.mp3
http://○○○○/××××.mp3
http://○○○○/××××.mp3
http://○○○○/××××.mp3

と、配信したい曲のURLを記述するだけで、BGMを流す事ができます

JavaScriptで作られているため、どのホームページでも動作すると思います。


また、「muse.js」をメモ帳で開き、

var DLbtn = 0;  を  var DLbtn = 1;

に書き換える事で、配信中の曲を簡単にダウンロードできます。


ソフトウェアの実演解説動画はこちら
なし

[ソフトウェアのダウンロード記事]
http://haijindiary.seesaa.net/article/34557488.html


//*****ソフトウェア開発日誌


ホームページ用音楽プレイヤー



導入が簡単であり、音楽の追加も楽なホームページ用音楽プレイヤー

というものを作れないかと色々やってたら、朝になっちまった・・・


CGIで音楽フォルダのリストを取得して とかが最高なんだが、

CGI禁止のホームページスペースがある事を考えると、JAVAでやりたい所


今の製作状況は・・・ 

とりあえずJavaの勉強は終えて、音楽の追加方法が、URL指定するだけという、

非常にシンプルなモノができた

URLのリストくらいなら、簡単にバババと記述できるだろう


読み込み・再生 と、基礎はできたが、

ボタン配置 デザインが面倒('A`)


wav mp3 メジャーどころは対応させるが、マイナーはどうなるんだろうなぁ


あ、そういや前作ったホームページ宣伝用のソフトは、

現在自分自身でテスト中です


新規でHP作ってやってみて、人は結構増えたんだが・・・

グーグルのクロールが来ていないっぽく、まだ検索で出ません('A`)

ページランクは上がっていってるし、まだアウト通告も来ていないんで、

問題ないとは思うが・・・  待ってる時間ってイヤだよね


な訳で、思いつきで今回のソフトを製作中w


//*****追記

テスト用のヤツを左上に設置

今の状態では、再生ボタンを押す前に、

曲を選択しないと、配信されません
(追記 改善しました)

なお、時々再生されなくなったり、

怪しげなボタンがでたりするのは仕様です
(追記 自宅サーバーですので)

明らかに怪しげなボタンは絶対に押さないでください

実験中です  どうなっても知らないよ?
(追記 テスト用サーバー作りました)


曲は、
TAM Music Factory
http://www.tam-music.com/
ありがとうございます

友達の曲 時間かかりそうなんで('A`)


で、設置してみた感想


1.ジャンル分けのためにプレイリストを複数用意、簡単切り替えができるようにしたいかも?

2.IFRAMEを使って表示している訳ですが、これだとページの切り替え等についてこれず、当然曲がとまってしまう

FRAMEに変えればいいのだろうが、その場合SEOの方がどうなる事やら('A`)

そっち方面の人以外にはまったく関係ないが、最近はじめた俺にはもうムリス('A`)

IFRAME以外の方法・・・たとえば構成するソースをバリバリ書いたとしても、
結局ページが切り替わったらアウトなんだよなぁ('A`)


な訳で俺の場合はトップページのみに設置

記事を大量に書くBlogなんで、ほぼ見る人いないだろうな

まぁどうでもいいよ('A`)



1ページの表示時間が長いサイト

音楽サイト

フレーム気にしない人

というタイプなら使えるんで、需要あるのかなぁ?


//*****16日 追記

色々と修正し、かなり使えるようになったのではないでしょうか?

あんまりバグないよね?


コンパクトで、シンプル 簡単操作っていうのを強みにして、

たった1行でホームページに埋め込み可能な音楽プレイヤーのソフトウェア


う〜ん・・・ いいんじゃない?


気に入った配信中の曲をすぐにダウンロードできるように、

ダウンロードボタンをつけようと思ったが、

またまた苦戦中('A`) 俺もまだまだヘタレPGなんで('A`)


またこの無料のmp3素材の二次配布は禁止されているので、

ダウンロードボタンの調整は全て、テストサーバーで行う


//*****17日 追記

このホームページ用音楽プレイヤーの名前がめでたく決まりました

ソフト名

ミューズ




簡単にHPに埋め込む事ができます

記述はわずか1行

<iframe src="music.html" scrolling="no" frameborder="0" width="200" height="100" marginwidth="0" marginheight="0"></iframe>

埋め込みの記述はこれだけです

曲リストは付属のファイルに
曲のURLをダラダラ書いていくだけです


http://○○○/○○○.mp3
http://○○○/○○○.mp3
http://○○○/○○○.mp3
http://○○○/○○○.mp3

この手軽さがミューズの特徴


また配信中の曲を簡単にダウンロードできるように、

Downloadを実装しました

これは配信中の曲への直リンであるため、クリックしてもダウンロードは開始されません

ダウンロードは右クリックして、ファイルを保存してください


二次配布禁止など、ダウンロード禁止曲を流す俺みたいな人のために、

ダウンロード関係を簡単に切り替えられるようにしました


controls.jsファイル内

//ダウンロード禁止
var DLbtn = 0;

//ダウンロード可能
var DLbtn = 1;


簡単でしょう

ミューズ




プレイリストの切り替え機能を実装しようとしたが、

導入の簡単さを追及するために、ちょっと放置

簡単 それがミューズなのだから('A`)



あとデザインか? 

サイズとか限りなくコンパクトにしたいなぁ


デザインの設定も簡単にできるようにするけど、

俺みたいに設定しない人もいるだろうしw


//*****2007年2月24日 追記

さて、すっかり忘れていたミューズですが、そういや、無料スペースのホームページだと動作しなかった事を思い出し、

ちょこちょこっと修正しました

で、公開準備中


ホームページ用音楽プレイヤー ミューズ




//*****2007年2月24日 追記

無事公開完了し、早速雑誌にも紹介され、好調な滑り出しです


//*****2007年4月11日 追記

改良しなきゃなぁ って思って、ソース見たが、

「これだ!」って思う改良案がない('A')


そういやアクセス解析の方で、

「ミューズ 壁紙」で検索してきた人がいたな


それほどまでに変えたいか あの壁紙(貰い物)を・・・('A')


壁紙の変更の仕方は簡単で、


muse/img/bg.gif を変更してやるだけでいい

画像サイズも変更する場合、貼り付けるページに記述した「iframe」タグのwidth heightを変更してやればいい


他の人でも簡単に変更できるように、解説を書いていくつもりだが、

初期デザインももうちょっとちゃんとしようと思ってる


ミューズのデザイン募集中  まじで
この記事へのコメント
これはあれか?
サブリミナル効果を狙ってるんですか?
Posted by Xellos at 2007年02月21日 22:42
まぁ、そんなところ
Posted by Loki at 2007年02月24日 02:45
はじめまして。
HPに埋め込める試聴プログラムを探していましたら辿り着きました。さっそく使わせていただきました。
それで気になったのですが、muse.jsのdate.txtのURLがDate.txtになっていましたので、一応報告させていただきます。

便利なプログラムの開発ありがとうございます。
Posted by hik at 2008年05月16日 11:23
Posted by at 2010年04月21日 17:50
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/33709829

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。