音楽再生機能で Twitter と連携した SoundCloud がWordPress でも流せるプラグイン

2014/10/21 2014/11/02

いよいよイギリスで一人暮らしが始まったキャリコ（ @calicocatxyz ）です。

一軒家かと思ってたら予想に反して平屋だったけど気にしない、気にしない♪さて、本日は Twitter でも音楽再生が可能になった SoundCloud についてです。今回は初のコラボということでラテとジジ、よろしくね♪

Make some noise、Dj Jiji だぜ。

音楽共有サービス「 SoundCloud 」の協力のもと、Twitter で音楽再生機能が実現したぜ。今は一部のアーティストやメディアに試験的に機能を提供してるけど、そのうち一般公開されると思うから知っておいて損はないぜ！今日はそんな SoundCloud とプラグインについてだ。

Ads by Google

SoundCloud って何？

SoundCloud
https://soundcloud.com/
ドイツのベルリンに拠点を置く SoundCloud Limited が運営する音声ファイル共有サービス

たくさんのアーティストが登録していて、自身の最新トラックやミックスなんかをアップロードしてるぜ。アカウントに登録してアーティストをフォローしておけば、最新トラックをアップロードしたときにお知らせもしてくれるんだ。さらにプレイリストを作成すれば自分専用のプレイリストが作れたり、ほかの人が作ったプレイリストを聴くことなんかも出来るぜ。

Twitter と連携した「 Audio Card 」

Twitter のタイムラインへはオーディオファイルを Audio Card として投稿が可能だ。ちなみに Twitter は Apple とも提携して iTunes の公式アカウントからも Audio Card のツイートが出来るようになってるぜ。

早速 David Guetta がツイート

HOT !!! Here is the @robin_schulz remix of #Dangerous !!! I really love it. Click below to listen to the track 😉 https://t.co/nSxejse9Rc

— David Guetta (@davidguetta) 2014, 10月 16

Audio Card の使い方

ユーザーは、タイムライン上のカード付きのツイートをタップすると、カードが大きく表示されてオーディオが再生される。左上の縮小アイコンをタップすると音楽を再生したままカードが右下に小さくなって移動し、Twitter内を移動しても音楽の再生は最後まで続く。つまり、BGMとしてカードの音楽を流していられるのだ。

ITmedia

Photo credit : ITmedia

手持ちの iPod touch でも試してみたんだけど、機種が古いからか OS のバージョンの問題なのか、この使い方が出来なかったから拝借させてもらったぜ。

今後は Audio Card を利用したツイートも増えてくるだろうし、アーティストにとっては便利な機能になること間違いない。ユーザーからしても新曲を知れる間口が広がるという意味で便利になるんじゃないかな。

そんな SoundCloud だけど、WordPress にもプラグインがあるんだ。キャリコでも何度か使ってる機能だけど、その辺は Web 担当のラテにお願いするぜ。

こんにちは、ラテにゃ。

音楽のことはわからないけど、Web 系のことは任せるにゃ。このジジが紹介してくれた SoundCloud のプラグイン『 SoundCloud Shortcode 』についてにゃ。

SoundCloud Shortcode

SoundCloud Shortcode をインストールする

WordPress のダッシュボードからプラグインの追加を選んで新規追加から SoundCloud Shortcode をインストールして有効化するにゃ。そしたら外観のウィジェットの中に『 SoundCloud Shortcode 』が追加されるにゃ。

SoundCloud Shortcode の使い方

使い方は簡単にゃ。SoundCloud には WordPress 用のコードが用意されていて、それを選んで WordPress の投稿エディタに貼り付けるだけにゃ。

まずはシェアボタンをクリックするにゃ。

クリックしたらこの画面になるから Embed をクリックするにゃ。

この画面で WordPress code にチェックを入れると、そのまま貼り付けられるコードに変換してくれるにゃ。

実際のコード

[ soundcloud url="https://api.soundcloud.com/tracks/97582815" params="auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" width="100%" height="450" iframe="true" /]

1	[ soundcloud url="https://api.soundcloud.com/tracks/97582815" params="auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" width="100%" height="450" iframe="true" /]

※自動変換されるから2文字目に半角スペースを入れてるにゃ。

WordPress での見え方

以上にゃ。

まとめ

Twitter で SoundCloud のトラックを拡散できるようになって、ヒット曲が生まれたら広まる勢いはハンパないと思うぜ。By ジジ。
WordPress で SoundCloud のトラックを埋め込むことはあまりないかもしれないけど、キャリコでは使ってるしこの機会に紹介したにゃ。By ラテ

以上、チェケラ！
今日はここまで、じゃあにゃ～

ライター紹介

Dj Jiji　音楽担当

ボンベイの男の子。主に音楽系のネタを中心にお届けする Dj 歴10年のにゃんこです。

ライター紹介

ラテ　Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

- プラグイン SNS, Web 関連