お久しぶりです^^;
約2ヶ月ぶりのブログUPとなりますww
最近は、リアルな生活で忙しいのと、ピグにおいても
これでもか、これでもか
というような感じで襲い来る「鬼イベント」との格闘続きで、ブログ記事を書く作業に充てる時間がありませんでした。(半分は本当で、半分は言い訳ですww)
さて、今回は表題にもある通り、アメーバのブログ上でBGMを流すやり方の紹介です。
というのも、いつも「きたよ」でお世話になっている”ダイフク”さんより、「ブログにBGMを貼り付けるのは難しいですか?」とのお手紙を頂いたので、ブログにてご回答しようと思い、久々にキーボードと”にらめっこ”していますw
私の過去ブログにも
「アメーバブログにBGMを流そう♪」 (2011-01-21 掲載記事)
http://ameblo.jp/kanon-1221/entry-10775215841.html
という、同様の記事がありますが、それ以後に You Tubeサイトの「埋め込みコードタグ」の仕様変更があったので、それに即した内容で、再度UPすることにしました。
一部を除いて、BGMの導入の仕方自体はほとんど一緒ですので、この記事を読み終えた後にでも、過去ブログも参照してみて下さい。
ではさっそく、説明に入ります。
まず始めに、「You Tube」サイトより、ご自分のブログのBGMとして採用したい楽曲を探しましょう!
※「ニコニコ動画」等の”javascript”については、おそらく使用できないと思いますが、私のブログでは詳細は省かせていただきます。
目的の楽曲を検索したら、下記のような動画再生用のページが現れますね!
そこにある「共有」と書かれたボタンをクリックします。
「共有」ボタンの下に、新しく設定用のボタン等が現れました。
そこにある「その他」と書かれたところをクリックします。
小窓が開き、主要ブログサイトのアイコンが出てきます。
今回は「アメーバブログ」にBGMを流すことが目的ですので、もちろん「Ameba」と書かれたアイコンをクリックします。
すると、ご自分の「マイページ」が開き、”ブログ記事を書く欄”に、何やら見慣れない文字が・・・。
このまま「保存」ボタンを押すと、ブログ記事自体に、先ほど選曲した楽曲を貼り付けしたことになりますが、今回の作業は、あくまでも”BGMを流す”ことが目的ですので、まだまだ作業は続きます。
ブログ用の窓に現れた「コード」を全て「コピー」しましょう!
コードを全てドラッグで選択して、右クリックです。
出てきた小窓に「コピー」と書かれてますね^^
※他にも いろいろやり方はありますが、ここでは詳細は省きます。
「コピー」した後は、ブログ作成画面を保存せずに終了し、「マイページ」のTOPページに戻りましょう。
次に「ブログ」の「設定」をクリックします。
出てきた画面から、「サイドバーの設定」をクリックします。
出てきた画面の記入欄(赤丸の部分)に、先ほど「コピー」した「コード」を貼り付けしましょう!
「貼り付け」作業が終了しました^^
あと一息です!
貼り付けした「コード」を、BGMとして動作させる為に何ヶ所か書き換えます。
まずは動画の縦と横のサイズを”ゼロ”にします。
赤丸で囲ってある部分(4ヶ所あります)の数字を、全て「0」に書き換えて下さい。
BGMですので、動画のプレイ画面は必要ないですので^^
※書き換えは必ず”半角英数文字”です。大文字だと”エラー”になります。
次は書き換えではなく、文字を追加記入します。
半角英数文字で、間違いの無いように注意して下さい。
赤丸で囲った部分2ヶ所には
fs=1&hl
と書かれています。
このコードを
fs=1&;hl
にします。
すなわち、「&」の後ろに 「amp;」 を追加記入します。
赤丸で囲った2ヶ所とも行って下さい。
※このコードの詳しい説明は省略します。(”&”をそのまま表示させるためのアスキーコードです)
追加記入できましたね^^
さて、次が最後の作業です。
今度は、BGMを自動で再生させるためのコード(タグ)と、再生位置(時間指定)を設定するためのコード(タグ)を追加記入します。
赤丸で囲った部分(1ヶ所)には、
&;hl=ja_JP"
と書かれています。
※コード内には、2ヶ所 「&;hl=ja_JP"」と書かれた部分がありますが、その2ヶ所の内のコード後半部分にある1ヶ所のみです。間違わないように気をつけて下さい。
この部分の「JP」と「”」の間に、コードを追加して下記のようにします。
ja_JP&autoplay=1&start=0"
追加で書き込んだのは
「&autoplay=1&start=0」
の19文字です。
コードは必ず”半角英数文字”で打ち込んで下さい。
※autoplay=1 (BGMですので、自動演奏にしてあります。「0」だと、自動にはなりませんが、今回は動画の画面サイズを「0」にしてありますので、再生ボタンが表示されません。)
ブログ記事内にて、動画等のUPをする場合は、BGMは無いほうがいい場合がありますので、その時は「0」にしましょう。
※start=0 の 「=」の後ろの数字は、その楽曲の再生位置(開始時間からの秒数)です。自分の好みの位置からの再生も可能ですので、いろいろ試してみて下さい!
これでコードの書き換えと追加記入作業は完了です!
画面下の「保存」ボタンをクリックしましょう^^
これで「アメーバブログ」にBGMが流れるようになりましたo(^▽^)o
確認してみて下さい^^
もしBGMが流れないようでしたら、コード書き換えや追加記入の際に、間違っていることが考えられます。
もう一度始めから、作業をやってみましょう!
それでもうまく出来なかった場合は、今回の作業で使用した最終的なコードを下記に掲載しておきますので、「コピペ」してやってみて下さい。
<object width="0" height="0"><param name="movie" value="http://www.youtube.com/v/YypNYnGJ6cQ?fs=1&hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/YypNYnGJ6cQ?fs=1&hl=ja_JP&autoplay=1&start=0 " type="application/x-shockwave-flash" width="0" height="0" allowscriptaccess="always" allowfullscreen="true"></embed></object>
また、BGMの曲を変更したい場合は、「フリースペース」の編集画面を開いて、下記の赤丸で囲ってある2ヶ所を書き換えする作業が必要になります。
「/」と「?」の間に YvpNYnGJ6cQ と書かれています。
この11文字(11桁)のコードが、現在BGMとして演奏されている「楽曲のコード」となります。
「You Tube」のサイトから、BGMとして使用したい曲を探します。
「共有」ボタンをクリックします。
今度は、先ほどの作業とは違って、左側の赤丸部分のコードを使用します。
マウスを右クリックして「コピー」、そしてそれを「メモ帳」等に「ペースト(貼り付け)」しましょう。
「/ (スラッシュ)」の後ろの11文字が、「楽曲コード」になります。
この部分だけ「コピー」して、「フリースペース」の作業枠の、2ヶ所のコードと入れ替えしましょう!
これで、いろんなBGMをアメーバブログ上で流すことができるようになりました^^
もっと賢い方法があるかもしれません。
ここで紹介したやり方は、あくまでも私個人が自己流で考えた方法ですので、他のブログやサイト等も参考になされて下さいね^^
誤字・脱字等があれば、気付き次第 訂正します。
問い合わせは、コメントにてお願いします^^
簡単ではありましたが、大急ぎでブログ作成しました (@Д@;
これから「ライフ」のお手伝い、そして「きたよ」巡回してきまーす (^-^)ノ~~























