キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

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

      2014/11/02

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

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

Make some noise、Dj Jiji だぜ。

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

Ads by Google

SoundCloud って何?

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

Twitter と連携した「 Audio Card 」

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

早速 David Guetta がツイート

Audio Card の使い方

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

Photo credit : 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 にチェックを入れると、そのまま貼り付けられるコードに変換してくれるにゃ。

実際のコード

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

WordPress での見え方



以上にゃ。

まとめ

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

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

ライター紹介

Dj Jiji 音楽担当

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

ライター紹介

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

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

 - プラグイン ,

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

WordPress のプラグイン Autoptimize で不具合が出た時の対処法
WordPress のプラグイン Autoptimize で不具合が出た時の対処法

これで解決、キャリコ( @calicocatxyz )です。 いつしかブログのメ …

ワンクリックでサイドバーを固定できる WordPress のプラグイン Q2W3 Fixed Widget

今月も個人でのペペロンチーノ消費量は世界トップクラスだと思ってるキャリコ( @c …

ロリポップから WordPress プラグイン「 SiteGuard WP Plugin 」を入れろとお達しが来た
ロリポップから WordPress プラグイン「 SiteGuard WP Plugin 」を入れろとお達しが来た

ロリポップユーザーのキャリコ( @calicocatxyz )です。 ロリポップ …

Standard Widget Extensions
STINGER5 でスクロールしたときサイドバーが中途半端に固定される現象を解決

ワインとシャンパンが弱点のキャリコ( @calicocatxyz )です。 いや …

WordPress で特定の記事だけアドセンスを非表示にする方法
WordPress で特定の記事だけアドセンスを非表示にする方法

Google AdSense 停止は辛い、キャリコ( @calicocatxyz …

1
ソースコードを早く美しく表示してくれるプラグイン Crayon Syntax Highlighter

やっぱり自宅のパソコンが一番落ち着く、キャリコ( @calicocatxyz ) …

eye
AmazonJS の商品画像がぐるぐる回って表示されないときの対処法

缶コーヒーが美味しくてついつい飲んじゃう、キャリコ( @calicocatxyz …

WordPress のリビジョンを削除してデータベースを最適化するプラグイン Better Delete Revision

ブログのインポート&エクスポート機能は神だと思うキャリコ( @calicocat …

WordPress で新サイトを開設する時に必ず入れるプラグイン14選
WordPress で新サイトを開設する時に必ず入れるプラグイン14選

WordPress は4つ運営中、キャリコ( @calicocatxyz )です …

WordPress のカテゴリを五十音順から任意の順番に変更するプラグイン『 Category Order 』

HARIBO が止まらないキャリコ( @calicocatxyz )です。 HA …