soundcloud Widgetを配置してみる。2014-05-30

５月末で暑くなってきました。ビールの季節！！

[前置き]
さて、soundcloud Widgetの配置の件です。
soundclud ですと、標準のWidget配置機能でカンタンにできますね。
 (Playlists の配置ですと、[share]ボタン＞Embedタグで)

生成されたソースを見ると、<iframe>タグのsrc属性に、
Playlistsのキー情報らしきコードを渡しているようにみえます。

====================================================生成されたコード
====================================================

[本題]
ページに、リスト埋め込む場合はこれで十分かとおもいます。
少し手をいれて、ランダム再生できるのか？とか検討してみましたメモです。
今回、soundclud API使っておりません。
複数リストのランダム再生で、リスト内のランダム連続再生ではりません。
(リピート再生には対応ＮＧです。)

ソースはこちら、https://github.com/kuc-arc-f/h5_sound_page2

jQuery使ってます。
起動時に、配列ランダムにリストを引当て、サウンド再生。
事前に、
プレイリストは作成必要、
autoplay=onで自動再生でも良いかもしれません。

ＨＴＭＬ、https://github.com/kuc-arc-f/h5_sound_page2/blob/master/index.htm
div要素を追加用に配置
====================================================
<div id="id-div-sound1">
</div>
====================================================

ｊｓ https://github.com/kuc-arc-f/h5_sound_page2/blob/master/play-sound.js
配列に、リスト情報を追加、
====================================================
====================================================

get_sound_id()　でランダム引当後
div要素内に、DOM構築します。
====================================================
====================================================

再生できました。
ページ内の部品などに、使えるかもですね。

*)それでは、また。