くものす.洋楽にようこそ♪ 自分の好きなアーティストを中心に、洋楽を紹介するブログです

2017/06123456789101112131415161718192021222324252627282930312017/08

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
Kumonosu PlayerはYoutubeを使って
お気に入りの曲をランダム再生します
(左側に設置中)


注意事項
・JavaScriptが無効だと動作しません

・文字コードの関係で、半角英数字以外は
 正しく表示・反映されないことがあります

・エラーが出たときや動作がおかしいときは
 コメント頂けるとありがたいです

・改変は禁止ですが、ブログやサイトに設置するのはOKです


操作方法
操作方法は簡単で
基本的な操作はYoutubeと一緒です

ページが読み込まれると
ランダムで1曲選択されます

また、「change track」ボタンで
曲を変えることができます
ただし、ランダムなので同じ曲が
連続で選ばれる場合があります^^;


設置方法
ブログやサイトに設置するときは
フリースペースなどに
下の赤色部分をコピーして貼り付けてください
<script type="text/javascript" charset="utf-8" src="http://kumonosu-music.jp/kumonosu_player.js">
</script>

<script type="text/javascript" charset="utf-8" src="http://kumonosu-music.jp/kumonosu_player_music.js">
</script>

これで設置は完了です

設定は以下のようになっています
自動再生:オフ
選択される曲:こちらが用意した全ての曲(トラックリスト参照)
プレイヤーサイズ:横150px、縦25px


でも、この設定では困るという人もいると思います
「この曲は自分のブログ・サイトに合わないから再生したくない」とか
「プレイヤーがはみ出るので小さくしたい」など…

そういう場合はオプション指定をしてください
(状況によって違うので、ちょっとややこしいかもしれません)

オプションは先ほどの赤い部分に続けて
下の青い部分のように書きます
<script type="text/javascript">
ここに指定するオプションを記入
</script>


指定できるオプションは5つです
1.自動再生をオンにする
kumonosu_player_music_autoplay = true;
trueならオン、falseならオフです

2.プレイヤーの横幅を変える
kumonosu_player_music_width = "150px";
これで横幅が150pxになります
数字を変えて横幅を調節してください

3.プレイヤーの高さを変える
kumonosu_player_music_height = "25px";
これで高さが25pxになります
数字を変えて高さを調節してください

ただし、26px以上にすると動画部分が見えるようになります
動画の内容にはこだわっていないので
関係のない映像が表示される場合があります

4.再生する曲を限定する
kumonosu_player_music_playlist = [
["Papa Roach", "...To Be Loved"],
["The Pretty Reckless", "All Tracks"]
];

これで指定した曲しか選択されなくなります

2行目と3行目が曲の指定部分で
2行目のように["アーティスト名", "曲名"]で
曲の指定ができます

3行目のように["アーティスト名", "All Tracks"]と書くと
トラックリストにある、そのアーティストの全ての曲を
まとめて指定できます

この例では、Papa Roachの...To Be Lovedと
The Pretty Recklessの曲から
ランダムに選ばれて再生されるようになります

ただし、この指定ではアーティスト名、曲名を
トラックリストの通りに記述してもらう必要があります
間違えると、反映されないので注意してください

また、上の例のように複数指定する場合は
指定と指定の間に「,」(コンマ)を必ず書いてください
「,」は指定と指定の間だけで
指定が1つの場合や最後の指定の後には
必要ありません

5.曲を追加する
曲の追加リクエスト(お願い参照)を頂いた時は
出来る限り答えていこうと思っていますが
どうしてもその曲を追加できない場合があります

その場合は以下のようにして
自分の好きな曲をトラックリストに追加することができます
kumonosu_player_music_tracks_add = [
["Papa Roach", "...To Be Loved", "hQHzIOFGLhQ"],
["The Pretty Reckless", "Miss Nothing", "gJ50ODqjGKQ"]
];


2行目と3行目が曲の追加部分で
["アーティスト名", "曲名", "YoutubeのID"]と書くことで
曲を追加できます

アーティスト名、曲名は自由に書いてもらって構いませんが
追加した曲をオプション4の方法で指定する場合は
ここで書いた通りのアーティスト名、曲名を指定してください

YoutubeのIDはYoutubeのURLから判断できます
http://www.youtube.com/watch?v=hQHzIOFGLhQというURLなら
v=以降の11文字「hQHzIOFGLhQ」がIDです

また、2曲以上追加する場合は
追加と追加の間に「,」を書いてください

作った側からするとちょっと寂しい気もしますが
このオプションで曲を追加し
初めの赤色部分3~4行目である
<script type="text/javascript" charset="utf-8" src="http://kumonosu-music.jp/kumonosu_player_music.js">
</script>

という部分を削除すると
こちらで用意したトラックリストを無視した
完全オリジナルのトラックリストを作成できます


オプションの指定方法ですが
例えば、自動再生オンと横幅の変更だけを行いたい場合は
<script type="text/javascript">
kumonosu_player_music_autoplay = true;
kumonosu_player_music_width = "150px";
</script>

というように、変更したいオプションだけ書いてもらえればOKです


お願い
曲の追加リクエスト(洋楽限定)を募集しています

追加したい曲をYoutubeで探して
アーティスト名、曲名、YoutubeのURLを
コメント欄に書いてもらえるとありがたいです

わがままですが
動画中にその曲とは関係ない雑音や無音状態がないもので
高音質かつロードが早いものをお願いします
(MVは高音質ですが、高画質なせいでロードが遅いので、できればやめてほしいです)


また、動画が削除されたり、埋め込みリクエスト無効となっていると
その曲が選択されても再生できません
そういう曲に気づいたら、ご報告お願いします

報告があった場合は
IDを削除し、トラックリストに「-」と表示します
(再生できるものが見つかり次第、再度追加します)


トラックリスト
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://kumonosuyougaku.blog44.fc2.com/tb.php/783-dabefaac
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。