ぴかぴか(新しい)おすすめ
⇒ジュース1本で動画も音楽もアップロード!ロリポップ

2012年08月10日

シンプルFlashMP3Player[サイドバー簡単設置]

posted by はに丸
edit  re
複数曲まとめてリスト表示するフラッシュプレーヤー。音量調節付き。
色も変更できます。




ブログへ貼り付け方法・・・つづきを読む


2011年04月04日

超軽量シンプルFlashMP3Player[サイドバー簡単設置]

posted by はに丸
edit  re
ブログの記事内やサイドバーで使える、
約2.53kbの超軽量、超シンプルFlash MP3 Playerの紹介。
ブログパーツの感覚でカスタマイズできます。


ペダル music by はに丸


↑の表示方法を解説します。
・・・つづきを読む

2009年07月14日

音楽ファイルをアップロードする方法(ウェブスペース)

posted by はに丸
edit  re
用意した曲を流すためには、まず「曲を載せる場所」が必要です。
その「場所」をウェブスペースと呼びます。
他にもサーバースペースサイトスペースホームページスペース、鯖、、など、呼び方は色々あります。^^;
ここではどのスペースが適しているか、パターン別に書いていきます。

音楽ファイルをアップロードできないブログをお使いの方、必見。
 
 
 
ブログ編
 音楽を流すのに向いている無料ブログを紹介します。


無料ウェブスペース編
 お金をかけずに音源ファイル・スペースをゲットできます。
ただし、お金のかからない分、広告が入る・無保証など制約があります。


有料ウェブスペース編
 有料といっても、缶ジュース1本分くらいの値段から借りれます。ぴかぴか(新しい)
容量制限を気にすることなくUPできます。アフィリエイトにも強いです!
大容量ストリーミングファイル配信ができたり、独自ドメイン取得可能だったり、
他のホームページと一気に差をつけられます。




         ↓






無料ブログ編


おすすめブログ

FC2BLOGおすすめブログ
容量1G、250Kまでのファイルをアップできます。もともとが無料HPサービスを行ってきたところだけあって、ブログと一緒に、掲示板、メール機能、アクセス解析、カウンター、チャットなど、とにかく無料で受けられる機能がたくさんあります。あと、デザインの種類も豊富(800以上!?)で、カスタマイズ編集もできます。さらに!独自のブログパーツも沢山あります。アフィリエイトにも向いてます。ウェブスペースと組み合わせれば、かなりの事ができます。


Seesaaブログ無料ブログ
1ファイル20Mまで音楽ファイルをUPできます。
その他にも超多機能で、いろんなことが出来ます。
ただし、デザインはほとんど良いのがありません。種類も少ないです。CSS・HTMLで編集可能ですが、
イジるのが面倒くさい人や、出来ない人は、見た目の悪さに泣くかも。
それとサーバーが昼夜問わず、かなり重いです。アクセスしてもなかなか表示されない、更新しようとして固まる等。
※最近はかなり安定しています。
【補足】
解決する方法としては、さくらインターネットおすすめブログの「さくらのブログ」がシーサーとまったく同じ機能を提供していますので、これを利用することで解消可能です。



         ↓






 無料ウェブスペース編

お金をかけずに音源ファイル・スペースをゲットできます。
ただし、お金のかからない分、広告が入る・無保証など制約があります。


Yahoo!Japan-Geo Cities(Yahoo!ジオシティーズ)
CGI不可なので、自分の設置したいCGI(掲示板とかチャットとか)を設置できないのが残念ですが、基本的なものはすべてそろっているので、初心者にオススメです。
ただし、利用規約内の著作権(項目7)について、サブライセンスをYahoo!が所有することを宣言しています。つまりYahoo!に勝手に使われる可能性があります
あと、ホームページをきちんと作らず、曲しかUPしない(倉庫的な)使い方をするとデータごと抹消される可能性もあります。画面に広告が入ります。

tok2.com
容量無制限、CGIが使える、それなのに無料といいことだらけなんですが、広告がすごく多くてうっとうしいです。ここも倉庫的な使い方をすると、すぐに丸ごと消されますきちんとホームページを作る必要があります




 有料ウェブスペース編

ちまちま容量制限を気にすることなくUPできます。
大容量ストリーミングファイル配信ができたり、
独自ドメイン取得可能だったり、
他のホームページと一気に差をつけられます。

もちろんサーバーも安定しています。
お手軽な値段からあるので安心です。

お金を払うのですから、倉庫的な使い方をしても平気です。


さくらインターネットおすすめブログ
業界で1、2を争うほどすごく安いです!缶ジュース1本分の月額料金で、他には無い、良質なサービスです。初心者から上級者まで利用されてます。
超多機能な「さくらのブログ」があるのでカンタンに音楽ブログを作れます。

オススメ!
ロリポップ!

超有名なレンタルサーバーです。こちらも缶ジュース1本分の値段で始められます。音楽ファイルはもちろん、動画ファイルも自由にアップロードできます。初心者にも優しい設計、ポップなデザインが豊富で親しみやすいです。


エクスビットエクスビット
ちょっと本格的に音楽配信をやってみたい人におすすめ。高音質でガンガン音楽を配信したい人におすすめ。30日の無料お試し期間があるので、使ってみてから決められます。

ストリーミングサーバージャパンストリーミング
*他より高いですが、超高性能サーバーです。
音楽・動画の大容量ストリーミングを考えているならここです!

 ストリーミングファイルとは?
 通常のサーバでの音楽・動画ファイルは、クリックしてから、
 一旦全てダウンロード(数秒〜数分かかる)してから再生しますが、
 ストリーミングファイルはダウンロードしながら再生するので、
 訪問者を待たせることなく、スムーズに試聴を行えます。

音楽の流せる無料ブログ「Seesaaブログ」

posted by はに丸
edit  re
音楽を流す方法で、1番のおすすめは、Seesaaブログシーサーです。

このブログもシーサーブログ使ってます。


メリット

簡単アップロード、簡単貼り付け
無料で、音楽ファイルをアップロードできて、
しかも簡単にプレイヤー形式で記事やサイドバーに
貼り付けることができます。

1ファイル20Mアップロード可能
192kdps 44k MP3ファイルの場合、5分で約6〜7Mくらいあります。
無料サービスでは他にない大容量だと思います。

デザイン変更の自由
デザインカスタマイズも、少しのCSSやHTMLの知識があれば、
実に隅々まで弄れるので、とことん自分好みのブログに
改造することができます。
このブログも相当弄ってあります。
改造方法の記事も掲載してますので参考にしてください。


デメリット・・・つづきを読む

2007年09月05日

ブログやホームページで音楽を流さない方法[ブラウザ設定]

posted by はに丸
edit  re
あまりにも音楽の鳴るページが多すぎます。

という書き込みがありました。

※このサイトではWEBサイトでいきなり音楽を自動で流すことは推奨していませんし、まして著作権違反物をアップロード・公開することも推奨していません。


単純にスピーカー類をオフにしておけば済むことだと思うのですが、
ブラウザの設定によって音楽を流さない方法もあるので、
調べた範囲で記述しておきます。

お使いのブラウザによって仕様が異なると思いますが、
大概のブラウザツールは、Microsoft(マイクロソフト)の
Windows Internet Explorer(インターネットエクスプローラー)
の機能を継承、または同期しているはずですので、
ここでは一つにまとめます。

ブラウザの[ツール]→[インターネットオプション]→[詳細設定]の中、
マルチメディアの項目に「Webページのサウンドを再生する
というものがあります。

通常は、これにチェックが入っていると思うので、
チェックを外すことによって再生されなくなると思います。

尚、これだけではBGMタグを無視するだけだと思われるので、
不十分だと思う人は、JavaScript(ジャバスクリプト)の設定、
FLASH表示をオフにしておけば、ほぼ抑止・停止できると思います。

Internet Explorer のアクティブ コンテンツを無効にする方法

JavaScriptを有効/無効にする方法

ただし、今日のWEBSITEのほとんどに付随する、
マルチメディアな動的コンテンツの大半が非表示になってしまうので、
まともなネットサーフィンにはならないと思いますが。。。


やはり、普段はスピーカー類の音量は極力絞っておいて、
音楽を聴いて楽しみたい時にだけ上げるのが、ベストだと思います。

2007年06月15日

WindowsMedeiaPlayer(ウィンドウズメディアプレーヤー)が表示されないエラー解決法

posted by はに丸
edit  re
音楽が流れるはずのページで、BGMプレーヤーがWMP(ウィンドウズメディアプレーヤー)が表示されないエラーの解決方法。

【原因1】
簡単にいうと、そのブログページを見ているパソコンの環境が、
音楽ファイルをWMP(ウィンドウズメディアプレーヤー)以外の、
他のプレーヤー優先で再生するように設定されてしまっている場合。

大概は、黒い小さいバーのプレーヤーが表示される人が多いんじゃないかな。
これは、クイックタイムだったりします。iTunes(iPod用ソフト)を使用すると、同時に勝手にパソコンにインストールされます。
コイツが邪魔してます。

音楽ファイルはWMPで再生したいのじゃー!と設定すれば、
簡単に聞けるようになります。

≪設定方法≫・・・つづきを読む

2007年06月11日

ページを切り替えてもBGM音が途切れない方法

posted by はに丸
edit  re
ブログで「つづきを読む」など追記部分をクリックすると、「ページが切り替わる」=「流れていたBGMプレーヤーも新しく読み込みなおす」ことになるので、どうしても音楽は途切れてしまいます。

しかし発想を変えれば、音飛びを無くす方法もあります。

ブログパーツ別窓表示BGMプレーヤーを使う
 【メリット】
  設置が割と簡単(?)、プレーヤーが目立つ。
 【デメリット】
  ポップアップ嫌いな人にはうざがられる、タブブラウザだと微妙。
  ページ替えても鳴り続けるBGM配信フラッシュプレイヤー設置


追記をスクリプトで折りたたんで同ページ内で開閉する
 【メリット】
  追記を読むのがスムーズ、自然な演出。
 【デメリット】
  カスタマイズが大変(?)、場合によっては表示が重くなる。

  Seesaa用折り畳みカスタマイズ
  FC2用折りたたみ解説サイト
  ライブドア用折りたたみ解説サイト
 ※その他ブログでの折りたたみ改造は探してみてください。
  検索すれば沢山解説サイトがあります。

2006年04月27日

BGMを複数曲ボタンで選ぶ[プレイヤー自動再生]

posted by はに丸
edit  re
音楽SCRIPTのHTML BGMファイル LOOP
このブログのサイドバー(右上)に設置している複数曲プレイヤー設置のやり方です。
  ・・・つづきを読む

2006年01月30日

音楽ファイルをアップロードする方法A解説

posted by はに丸
edit  re
「音楽ファイルのアップロードってどうやるんだ?」
「音楽ファイルがURLにならないぞ?」
「音楽ファイルのアドレスの出し方がわからん!」

Aというか、結構そういう質問が多かったので、
上手く説明できるか分かりませんが、自分なりの(?)考え方を書きます。
・・・つづきを読む

2006年01月11日

HIPHOPヒップホップ無料ブログ作成しよう

posted by はに丸
edit  re
ヒップホップ101ダブログヒップホップという無料ブログサービスがあります。

HIPHOP・R&B系なデザインテンプレートがたくさんあって、他のブログサービスとは雰囲気の違う、カッコイイBLOGを作ることができます^^
まだ始まったばかりのブログサービスですが、なんと用意されているテンプレートを選ぶだけでカッコイイHIPHOPのBGMが流れます!!
HTML編集可みたいですので、別サーバー(他のWEBスペース)を使えば、自分で用意した音楽ファイルを流すことも可能ですネ。(今後アップできるようになるかも?)

ヒップホップR&BHOUSEブレイクダンスレゲエダンス、ちょっとコアな音楽ジャンルについて記事を書きたい人、ラッパーの人、ただかっこいいブログが作りたい人、、、とにかく他のブログとは違う良さがあるので、試しに使ってみてはどうでしょう?

もちろん無料サービスです。
HIPHOP
ちなみに登録は、↑から飛んで、左にある「START」と書かれた画像をクリックです。

King of Diggin′Production 総師として、また堀師としての先駆者であり、数々の高い才能【プロデューサ・DJ・ラップ、etc】を持つ"MURO"のBLOGもココのようです。

そういえばEMINEM、別れた妻と再婚ですってね。

2005年12月31日

QuickTime(クイックタイム)動画も音楽も埋め込みストリーミング再生

posted by はに丸
edit  re






QuickTime(クイックタイム)での埋め込みstreaming(ストリーミング)再生する方法を調べてみました。

 ・・・つづきを読む

2005年12月12日

Real Player(リアルプレイヤー)を埋め込み貼り付け再生する方法

posted by はに丸
edit  re
Real PlayerプラグインをブログやHPに埋め込んで音楽や動画を流す方法です。

・・・つづきを読む

2005年11月11日

CWindowsMediaPlayerで複数曲連続再生で流す方法

posted by はに丸
edit  re
 
              Music by はに丸
 1.ペダル
 2.夢見るカレーライス
 3.町屋のヒーロー

WMPを貼り付けてBGMなどを流すタグの応用で、
1曲以上を連続再生させる方法です。
(↑のは、あえて手動再生にしてます)

*先に@ブログにWMPを貼り付ける方法〜HTML編集〜を行う必要があります。

例:3曲の場合


<ASX version = "3.0">
<ABSTRACT>説明</ABSTRACT>
<TITLE>1曲目タイトル</TITLE>
<AUTHOR>1曲目の作者</AUTHOR>
<COPYRIGHT>1曲目の版権</COPYRIGHT>
<MoreInfo href = "http://www.microsoft.com/windows/windowsmedia" /><Entry>
<Ref href = "1曲目のURL" />
<Banner href="1曲目の図のURL">
<MoreInfo href ="メッセージとか" />
<Abstract>メッセージとか</Abstract>
</Banner>
</Entry>
<Entry>
<Title>2曲目のタイトル</Title>
<Copyright>2曲目の版権</Copyright>
<MoreInfo href = "http://www.microsoft.com/windows/windowsmedia" />
<Ref href = "2曲目のURL" />
</Entry>
<Entry>
<Title>3曲目のタイトル</Title>
<Copyright>3曲目の版権</Copyright>
<MoreInfo href = "http://www.microsoft.com/windows/windowsmedia" />
<Ref href = "3曲目のURL" />
</Entry>
</ASX>



1 最初に、流したい曲をすべてサーバにアップロードします。

2 メモ帳(note pad)を新規作成して、上のタグソースをコピペします。
 
3 上の文法中の、青文字の部分をすべて英語(半角英数字)で書いて保存します。

4 拡張子を.txt→.wmaに変更します。(たとえばhanimaru.wmaとか)

5 これでWMP形式ファイルができました。

6 これを自分のブログ(もしくは別サーバ)にアップロードします。
  そのURL(hanimaru.wmaのアドレス)を自分のブログなどに設置したWMPに
  読み込ませれば、できあがり。

2005年10月29日

インターネットラジオを放送してみる

posted by はに丸
edit  re
俗に言うインターネットラジオとは、トークなどを録音した音源を
ファイルとしてアップして聴いてもらうことを言います。

録音の方が、ラジオ番組としては完成度が上がるし
(私のような素人は特に^^;)、
聴く方も好きなときに聴けばいいので便利です。
(生で流すこともできるのですが、それはまた別の機会に。)

Seesaaやワブログは、MP3ファイルを、画像と同じようにアップして記事内に貼り付けるだけで、
↓のようにプレイヤー表示してくれます。かっこいいし便利です。


2005.03.30 Wed トッカータ&フーガ 第1部

謎の二人組、「トッカータ&フーガ」によるネットラジオ第1部です。
第1回24時間耐久!人生ゲームについて語ってます。お酒入ってます、ハイ。

BGMサイトsenses circuit


*つまらないからって苦情はやめてくださいネ(´Д`;)

2005年10月21日

自分で演奏した音源ファイルを流す!

posted by はに丸
edit  re
音楽ファイルがアップできないブログやホームページを使ってる人、
音源配信を考えている人は読んで下さい。
…つづきを読む

2005年10月13日

Bもっと!もっと!簡単にブログで音楽を流す方法!

posted by はに丸
edit  re
トッカータ&フーガ(ラジオ)

↑曲名をクリックすると、
各・訪問者のお使いのパソコンで設定されたプレイヤーが起動し、
音楽が流れます。



<a href="http://〜音楽ファイルのアドレス">曲タイトル</a>



       完。 ~~旦(-ω- ) ズズー・・・


Aもっと簡単なBGMタグ〜HTML編集〜

posted by はに丸
edit  re
@の記事で説明したような、プレイヤーなんかいらない!ヽ(`Д´)ノ
もっとシンプルに!もっとさりげなく!BGMを流したい人。
もしくは@のやり方では出来なかった人へ・・・。^^;

その名もズバリなタグがあります。
Background Sound(バックグラウンド サウンド)」タグです。
まさにBGMそのものですね。
<bgsound src="http://〜音楽ファイルのアドレス" loop="infinite">

ちなみにこのタグはInternet Explorerにしか対応していないので、
他のブラウザで確認している方は音楽が流れないと思います。


もうひとつは、embedタグです。

<embed src="http://〜音楽ファイルのアドレス" autostart="true" hidden="true" loop="true">
のどちらかのソースを配置したい個所のHTML欄に貼り付ければ流れます。
*赤字の部分は流したい音楽ファイルのアドレスに書き換えてください。
embedは、ブラウザに音楽を流すプラグインが導入されていないと動きません。
MediaPlayerとかQuick Timeとかあります。
またembedは、音楽だけでなく動画やFlashなども再生できます。
そして、Internet Explorer以外のブラウザでも動作します。


これら上記のタグをそのまま使うとボタン表示なしで強制的に音楽が流れます。
(embedタグは書き換えれば音楽ボタン再生とかできます。詳しくはAで)
ですが、ブラウザの読み込み停止ボタンを押すと止まるかもしません^^
本当にさりげなくBGMを聴かせたい時には有効かもしれません。

以下、まとめ。
 <bgsound> BGMを鳴らします(Internet Explorer専用)
  属性 ・src … 音楽ファイルのパス
     ・loop … 繰り返し数を指定(-1またはinfiniteで無限に繰り返します)

 <embed> 音楽・映像・Flashなどを再生します
  属性 ・src  … ファイルのパス
     ・width … プレーヤーの幅
     ・height… プレーヤーの高さ(Videoなどでは縦横の幅が必要)
     ・autostart … いきなり再生するかどうか指定(TrueかFalse)
     ・loop … 繰り返しを指定(TrueかFalse)
     ・repeat… 繰り返しの回数を指定します。

2005年10月08日

@ブログにWindowsMediaPlayerを貼り付ける方法HTMLタグ

posted by はに丸
edit  re
これのやり方です。














音楽ペダル by はに丸


いきなり音楽が流れるサイトは、嫌がる人が多いです。^^;
なるべく自動では流さずに、聴きたい人だけ、聴けるようにする方が良いと思います。
(知り合いくらいしかアクセスしないなら平気かも?^^;)
どうしても自動で流したい場合は、トップページなどで1クッション噛ませて、「この先のページでは音楽が流れます」とか記載しておくと良いと思います。
やっぱりBGMなどは、さりげなく自動で流れた方が雰囲気出ますしね^^

さて、HTML編集による音楽ファイル、及びプレイヤーの埋め込みなんですが、それぞれ条件があります。

A.音楽ファイルをアップロードできるサーバを持っているか?
 →持ってなくても、@これから無料で借りる、A配布されている音楽ブログパーツを貼り付ける、B直リンクOKな素材音楽ファイルを使用する、などで解決します。

B.流したいブログやホームページで表示に必要なタグソースを認識してくれる仕様かどうか。
 →ヤフーブログ、楽天、MSNなど特殊タグ扱いのものもあります。
 →ブログ別に解説


@まずは、音楽ファイルをサーバにアップしましょう。
お使いのブログやホームページによってアップロードの仕様は違ってきますが、一般的には画像などを載せるのと同じやり方です。
参考⇒ブログ別!音楽を流す方法
ホームページについては、このブログでは突っ込んで記述しません。一般的にファイル転送ソフト(FTPなど)を使えばOKなはずです。分からない人はお使いのホームページのFAQやヘルプ、または検索をすれば解説されているはずです。
 Windows Media Playerを呼び出してますので、対応しているmid、wav、mp3、wmaあたりなら無難です。

A次に、下のタグソースを記事等に打ち込みます。
<EMBED SRC="アップした音楽ファイルのアドレス" WIDTH="70" HEIGHT="40" AUTOSTART="false" REPEAT="true" LOOP="true"><br /><span style="font-size:7pt;"><a href="http://utauouji2.seesaa.net/" target="_blank">ブログで音楽を流す方法</a></span>
*赤字の部分はhttp://〜に書き換えてください

こんな感じになります。

ブログで音楽を流す方法

AUTOSTARTはページを開いた際、自動的に音楽を流すかどうかの設定。
上のタグでは、スタートボタンを押さないとスタートしないようになっています。
”true”にすると、自動的に流れる設定になります。

REPEATLOOPは繰り返しの設定。上のタグの設定は、無限に繰り返す設定。
”false”にすれば、1回のみ再生。
数字を入れれば、その回数だけ、リピートされます。

WIDTHHEIGHTは、表示する横幅と高さの設定。WIDTHを300に設定すれば、

このように出ます。
HEIGHTを増やして、ShowDisplay="true"にすると曲情報も表示できます

はに丸は、こんな細かいタグ使ってます。^^;
OBJECTタグが一応全般で推奨らしいので。。。
<OBJECT ID=sound1 CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" WIDTH=150 HEIGHT=25>
<param name="src" value="アップした音楽ファイルのアドレス">
<param name="PlayCount" value="0">
<param name="ClickToPlay" value="true">
<param name="ShowControls" value="true">
<param name="ShowAudioControls" value="true">
<param name="ShowPositionControls" value="false">
<param name="ShowTracker" value="false">
<param name="autostart" value="false">
<param name="mute" value="false">
<embed src="アップした音楽ファイルのアドレス" type="application/x-mplayer2" ShowControls="1" ShowAudioControls="1" ShowPositionControls="0" ShowTracker="0" WIDTH="150" HEIGHT="25" PlayCount="0" ClickToPlay="1" autostart="false" mute="0">
</OBJECT><br /><span style="font-size:7pt;"><a href="http://utauouji2.seesaa.net/" target="_blank">ブログで音楽を流す方法</a></span>

*赤字を変更して使用してください。
*設定を変更する場合OBJECT用とembed用の2箇所を同じように書き換えてください。
 (例:autostartのピンク色のfalse)

肝心の音楽ファイルのアップロードですが、
詳しくは音楽ファイルをアップロードする方法をご覧下さい。
新着記事

ブログに音楽を流す方法”の記事一覧です。

  blogランキングに投票してみよう


このサイトは管理人の趣味・勉強の為に運営しています。従ってサポートを目的としておらず、全ての情報が最新かつ正しい内容とは限りません。自己責任でお願いします。
はに丸の楽曲は著作権を放棄しておりません。営利目的での無断使用を禁止します。