とらんちょのブログ一覧

ブログでＢＧＭの流し方。

￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
２００７．７．１２　からみんカラ開発Ｇの強攻策によって
外部スクリプトが使えなくなりました。
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿


注）Windows の IE (インターネットエクスプローラー) にしか対応してません。

まず、ＢＧＭとして流したい曲（ＭＩＤＩなど）を用意しなければいけません。
注意しなければいけないのが著作権問題です。

著作権のあるものをＢＧＭとして使いたい場合はＪＡＳＲＡＣにて契約しなければいけません。
契約の種類によってお金を取られます。

無視をして使用するとＪＡＳＲＡＣから警告が来ることがあります。
裁判になることもあるので気をつけてください。

お金を払うのが嫌なら著作権がフリーなのを使いましょう。
ここでは「うっちいの音楽箱！」さんからオルゴールのＭＩＤＩファイルを使わせてもらってます。


まず、みんカラでは音楽ファイルをアップデートできないので
アップデートできるサイトなどを使います。

他人のサイトからの音楽データの直リンクは絶対やめてください。
直リンクＯＫなサイトもあります。

ジオシティーズなど無料の所を借りて使うのがいいです。

なるべく利用規約を守って使用してください。
守らないとたまに削除されてしまいます。


ＭＩＤＩデータのアドレスは　http://www.～/～.mid　となります。

設定する場所はスタイルシートの「スタイル編集」で
/*全ページ共通ヘッダ・フッタ*/ の所の
ヘッダ（#Header）の所に入れます。

最後の } （カッコ） のすぐ上に入れてください。

---

追加するスタイルシートです。

html: expressionthis.style.html || (this.innerHTML = '<embed src="http://www.～/～.mid" autostart="true" loop="true" hidden="true">'+ this.innerHTML,1));

---

入れた例です。

/*全ページ共通ヘッダ・フッタ*/
#Header
{
padding: 80,40;
width: 773px;
height: 215px;
background: url(https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/～/～.jpg) no-repeat;
html: expressionthis.style.html || (this.innerHTML = '<embed src="http://www.geocities.jp/～/～.mid" autostart="true" loop="true" hidden="true">'+ this.innerHTML,1));
}

---

hidden="true" を消した場合はプラグインのパネル（アイコン）が表示します。
ボリュームなどが設定できるようになります。

だけどブログタイトルの前に出てきて邪魔になるので消しておきます。

どうしてもプラグインのパネルを出したい場合は
フッタ（#Footer）の所に入れてください。
たぶん気にならないと思います。

---

#Footer
{
width: 770px;
height: 190px;
background: url(https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/～/～.jpg) no-repeat;
html: expressionthis.style.html || (this.innerHTML = '<embed src="http://www.geocities.jp/～/～.mid" autostart="true" loop="true">'+ this.innerHTML,1));
}

---

ヘッダとフッタのどちらかに入れてください。
両方は入れないでください。
これでどこのページにいってもＢＧＭが鳴るようになります。

---

ＰＳ．
結局 Windows の IE (インターネットエクスプローラー) にしか対応してないので
embed を bgsound に変更しても大丈夫です。

入れた例です。

/*全ページ共通ヘッダ・フッタ*/
#Header
{
padding: 80,40;
width: 773px;
height: 215px;
background: url(https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/～/～.jpg) no-repeat;
html: expressionthis.style.html || (this.innerHTML = '<bgsound src="http://www.geocities.jp/～/～.mid" loop=-1>'+ this.innerHTML,1));
}