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

コメント