音楽発掘メディア【Social Sound Scrap】
有名無名関係なく、ジャンルレスにGood Musicを紹介していきたいと思います。
あと、音楽関連サービスも積極的に紹介していきます。「SoundCloudの使い方」適宜更新中。

2011/11/04

SoundCloudがHTML5用の埋め込みウィジェットのベータ版を公開

(SoundCloudのオフィシャルブログより)

SoundCloudの埋め込みウィジェットにHTML5対応のものが追加された。現在はベータ版で、フィードバックを受けた上で、更に更新される予定だ。以下はそのサンプルだ。

(The Black Keys - アルバム"EL CAMINO"より、"Lonely Boy")




▶具体的な特徴は以下の通り
  • 波形のデザインを刷新
  • 秒刻みのコメント欄を、より利用しやすくした
  • タイトルなど重要な情報をしっかり認識してもらえるような表示に
  • FacebookGoogle+Twitterなどにシェアしやすく
  • HTML5なので、もちろんflash不要 全てのデバイスに対応
  • エネルギー消費も低く抑えることが可能


すでにThe Economistなど、ユーザーを多く抱えるウェブサイトにも、ちらほらと活用事例が現れつつある。




▶埋め込み方法は以下のとおり
  1. 利用したい音源の"Share"ボタンをクリック
  2. Customize player(下図参照)を選択し、オプションタブからHTML5を選択
  3. ウィジェットの見た目(色など)を好きなものに変更し、"embed code"をコピー。埋め込みたい先のサイトに張り付け
(上記ステップ2)


【関連記事】
SoundCloudの使い方: 第9回 他のページに曲を埋め込む
SoundCloudの使い方: 第13回 SoundCloudの楽曲をTumblrでシェア 

【リンク】
We Say HTML5, You Say High Five!  - SoundCloud Blog
Related Posts Plugin for WordPress, Blogger...