CJmix (Cloud media Jockey Mix)
當間忍

清水基

大総佑馬藤吉功光平林真実クラウド上の音や動画メディアを利用し、不特定多数参加型の mix play を共有体験できる Web アプリケーションである。昨今の音楽テクノロジーを取り巻く環境が変わり、それに伴った Web サービスの展開や、音楽との関わり方が変化してきている。我々は、その環境下でどういった情報または体験が、次世代の音楽にとって意義あるものなのか、実験・検証・既存サービスのリサーチを踏まえ、研究開発を行った。本論文はその研究内容の報告である。

CJmix (Cloud media Jockey Mix)
SHINOBU TOMA†MOTOI SHIMIZU†ISAMITSU HUJIYOSHI‡YUMA OOHUSA†MASAMI HIRABAYASHI†

A web application which uses sound and video clips via cloud service to enable mass involvement andshared experience through interactive "mix play".Environment surrounding the music technology of changes,and development of the Web Servise with it and relation with the music change. We think to what informationand experience is importance for the music of the next generation in the environment, We researched anddepeloped to be based on experiment and verification and the existing service. This article is a report of studycontents.

1

はじめ に

昨今、ネットワーク環境の普及・向上にともない、リケーション （http://cjmix.net/）の報告をする。

2

背景

音楽テクノロジーもそれに応じた次世代へと進み、音現在のクラブ体験では、USTREAM 1)や Twitter 2)の楽を取り巻く環境が目まぐるしく変化してきている。

サービスが登場したことにより、クラブミュージック

その中で、ネットワークを介しての音楽表現や、クにおける体験の場所性が、現場で起こっている状況をラウドでの音楽鑑賞や制作環境が盛んになってきていリアルタイムに情報共有できる面において拡張してきる。ている。その中で、その内容をアーカイブ(現場空間中でもクラウド(インターネット)上による音楽制作ので起きたその瞬間やその状況の流れについての不特定Web アプリケーションや、SNS サイト、音楽ストレ多数の要素が含まれる情報)として蓄積できるシステージ等のサービスが次々と登場し、現在の音楽のありムにおいても、今後のクラブシーンに DJ が活動して方を変えてきている。

いく中で、意義ある情報源になる重要性をもっている。

そのクラウド化する環境下の中で、今までの音楽表我々はまず、そのアーカイブを残すという面におい現形体を取り入れ、尚かつ上手くその環境に特化されて、どのような内容形式が、クラブ DJ に対しメリッた形で新しい音楽コミュニケーションサービスができトがあり、有効的にその情報を活用できるのか、着目ないかというねらいをおき、これまで研究を進めてきした。

た。

クラブ DJ による演出の一つ Mix play では、その瞬

そ の 研 究 内 容 で あ る 「 CJmix(Cloud media Jockey

間(現在時間)とその時の状況に対して、どのようなMix): クラウド上の音や動画メディアを利用し、不特音がマッチングしているのかという意識、思考を持つ定多数参加型の Mix play を共有体験できる web アプという行為は重要である。
我々は最初に、自分の Mix play する流れや、時間

岐阜県立国際情報科学芸術アカデミーや状況に対してどういう音源を聴きたいか、もしくはInternational Academy of Media Arts and Sciences (IAMAS)聴かせたいかということを客観的にみるために、そのソウルメイツインタラクティブ

アーカィブログとして、実験的に Twitter のサイト上

Soulmatesintractive

で「時間・現在状況のコメント・動画タイトル(アー情報処理学会 インタラクション 2011

ティスト名・曲名)・動画リンクの URL」という形式で、定期的にツィートを試みてきた。

CJmix での曲に対する付加する情報が異なる。
CJmix では、「現在時間・現在状況のコメント」とそのツィートを継続していく中で、フォローされていったその時のリアルタイム性ある情報を曲に対している複数のユーザーから、そのツィートに対し、同じ付加するので、CJmix がより、DJ が Mix play を行うツィートの形式でリプライをするという現象がそこで時の思考的(時間とそのフロアの状況を意識した)アー起こった。その現象をつなげて鑑賞すると、あたかもカイブの機能としては、有利と思われる。

複数の DJ で交互に Mix を行う「Back to Back」のようであった。

また DJ 的な音源のプロモートの演出に関しても、実際 Mix play による流れを作っていく中で、「この音往来、DJ の Mix というのは、フロア(その場所)に源はこの流れ時に使える」といった認識が、そのリス起こった状況に対して適した選曲をし、そのフロアのナーの間で共有されていくので、CJmix では、Back to空気の流れを良い状態へ導いていくわけだが、そこでBack による Mix play の過程の中でのプロモートもは、自身のフォロワーがフロアとなり、尚かつそのフBLIP.fm よりも近い効果になると思われる。

ォロワー自身も、Mix play でコミットするという一種

3.2 「TurnTubelist 」 と の 差 別 化 5)の音楽的コミュケーションが、Twitter のタイムライ

YouTube にアップロードされている音楽をクロスン上で展開されており、そこには、フロアが Back to

フェーダーを使って DJ のように Mix することができBack にコミットするという新しいフロアの形体としる Web サービスである。6)て成立していた。

YouTube のメディアを利用し、Mix play を行う点に我々はそこで、現在のインターネットにおけるクラ関して同じであるが、Back to Back スタイルによるウド系の web サービスや SNS 系の web サービスとをMix ではなく、自身で Mix するプレイリストを作成連携させ、今かけたい・聴きたい曲を現在時間・現在し、そのリスト順に再生させるといったものである。の状況を添えて伝え合うコミュニケーションサービス

Mix としての体験をそこでは得られるが、他人との音を作ることが可能ではないかと考えた。

楽介してのリアルタイム感あるセッションは、体験すそのサービスにより、一人一人が音源に対する時ることはできない。CJmix では、その点において、間・状況の意識や思考をアーカイブとして共有できた

Back to Back によるセッションで Mix の流れをリアり、また、世界の人達と Back to Back による音楽のセルタイムに作っていくシステムであるので、CJmix のッションができる環境が拡張していけば、今までにな方がよりクラブ現場で起こっているような体験が得らい DJ 文化における新たなシーンができる可能性をもれることが想定できる。っていると考える。
そのような考えと実験の経緯があり、CJmix を開発研究するに至った。

3 関連 web サービ ス

4

システ ム実装 での開 発環境 の仕様

CJmix Web アプリケーションは、広いプラットフォームへのサービスを提供出来る様、クライアントサイドは標準的な技術仕様（html、css、JavaScript）を使

本章では、CJmix の内容に類似した、既存のクラウド用し、制作を行った。

系の web サービスや SNS 系の web サービスを 2 点取

YouTube Player 部分の実装に関しては、Flash を用いり上げ、比較を行い、その差別化は図っていきたい。て制作を行った。その為 Apple の iPhone、iPod touch、3.1 「BLIP.fm 」 と の 差 別化

iPad に 搭 載 さ れ て い る オ ペ レ ー テ ィ ング シ ス テ ム

BLIP.fm 3) という音楽系 SNS サイトがある。自分の「iOS」からの閲覧が制限されてしまうのだが、将来お 気 に 入 り の 曲 を 、 Listeners （ Twitter で い うApple のモバイル端末のプレイヤー対応状況を見計らfollwers）に対し、その曲に対するコメントを添えてって臨機応変に対応していくことで進めている。

ポストする事ができる Web サービスだ 4)。

サーバー側では、不特定多数からのデータアクセス

Twitter による SNS サイトと連動している点やそのを効率的に管理できるよう、PHP と MySQL を用いて曲に対しての自分のコメントを呟く点、また、音源をシステム構築を行っている。利用ユーザのデータや多プロモートするスタンスのあり方が DJ 的であり、そ数の Mix 投稿デ ータ等は、 サーバに 予め用意す るの点も類似している。

MySQL データベースにて一括管理を行っている。デ

しかし BLIP.fm では、Twitter との連動で呟かれるータベースへのアクセスは、PHP プログラムによる内容が主に曲に対してのレコメンド的コメントであり、API を設計し、これを通して行う。API は基本的に、

CJmix (Cloud media Jockey Mix):
クラウド上の音や動画のメディアを利用し、不特定多数参加型の mix Play を共有体験できる Web アプリケーション

CJmix の Web サイトと Mix 投稿用 Bookmarklet から動画のディスプレイ及び動画の再生コントロール機のアクセスのみを想定して設計を行っているが、将来能をもつ Window である。

的には多くのユーザーに広く使っていただけるよう念

5.1.4

頭に置いて制作を進めていく。

Mix の投稿を行うと、そのプレイリストへ表示され5. Web ア プリケ ーショ ンの仕 様

プ レイ リ ス トていく。プレイリストの上段が最新の Mix Post になっており、下段へ表示しているものほど古い Mix Post

本章では、CJmix Web アプリケーションの全体の構となっている。Mix 再生自動モード時は、古い Mix

図、また基本的な仕様である mix 投稿の手順法、各Post から最新の Mix Post まで順に自動的に Mix Play

種のフィルタリング機能、Twitter との連動機能の４が行われる。

つの項目に添って、説明をする。

※ Mix Post：Mix 投稿されたものを指す。

5.1 Web ア プ リ ケー シ ョ ン の全 体 の 構 図
図 1 が CJmix Web アプリケーションの全体の構図となっている。

Mix Play：Mix Post されたものが順に Mix 再生される。
5.1.5

チ ャン ネ ル ・ Key 検索 ・ List Window

CJmix の Mix Post に対してのフィルタリングとしての機能をもつシステムである。
5.2 mix 投稿 の 手 順法
Mix 投稿の手順として、CJmix Web アプリケーションからの投稿と、CJmix 用 Bookmarklet からの投稿の２通りの方法がある。
また CJmix Post の形式は、『現在時間・現在状況のコメント・タイトル(曲名・アーティスト名等)・#チャンネル名(チャンネルを作成時のみ)』となっており、投稿を行うとその Post 形式で CJmix Web のプレイリ
スト及び Twitter のタイムライン上で表示される。
5.2.1

CJmix Web アプ リ ケ ー シ ョン か ら 投 稿

CJmix Web から投稿を行うには、最初にログインをし、動画検索 Window から、かけたい動画の検索をかけ、検索後に表示されたリストアップから動画
図1 CJmix Web の全体構図

5.1.1

ロ グイ ン Windowを選択する。そして現在状況のコメント入力し、Post を行えば投稿は完了である。

Twitter の API「Sign in with Twitter」の実装仕様によ※ チャンネル・タグ（Twitter でいうハッシュ・タグり、Twitter でのアカウント情報(ユーザー名・Bio・機能と類似したもの）の作成入力も可能である。

Location・ユーザーサムネイル等)を流用するシステム

5.2.2を用いている。

CJmix Bookmarklet からの Mix 投稿手順として、最5.1.2

動 画検 索 Window

CJmix 用 Bookmarklet か ら の投 稿

初に自分のかけたい・聴きたい音源、動画をログイン状態時に機能し、そこで動画検索をかけ、YouTube 上で立ち上げ、その後、Web ブラウザにブ指定の動画を選択後、投稿を行う Window が追加表

ックマーク登録をした CJmix Bookmarklet を立ち上げ示され、CJmix の投稿が行える。

る。そこで現在時間・動画タイトル名・動画リンクの5.1.3

CJmix 概 要 説 明 ・ Bookmarklet 説 明

Window
CJmix の概要説明や Post の方法を説明が記載された Window である。

URL が自動的に取得され、現在状況のコメント入力し Post を行えば、投稿完了である。
※ チャンネル・タグの作成入力も可能である。
5.3

各 種 の フィ ル タ リ ン グ機 能Bookmarklet 説明 Window で、CJmix Bookmarklet

CJmix のユーザー数が増加した場合に比例して、を Web ブラウザ上へブックマーク登録する手順がMix Post 数も増加することが考えられるわけだが、そ記載されている。の状況下でプレイリストの状態が多種多様の音源・動5.1.3

画が氾濫する問題が波乱でいる。

Deck Window情報処理学会 インタラクション 2011

その状態での Mix Play は、ユーザーにとってノイズ題(ある一つの Mix Post に対し、複数のユーザーが次とみなされ、不快感を生じる恐れがある。の Mix として投稿する現象)が見えてきており、そのそのカオス化したプレイリストをユーザーが快適な状仕様を改善する必要性を感じた。

態へ改善するねらいとして 4 つのフィルタリング機能

また、現在のメディアの扱いの仕様が YouTube のみの仕様を装備した。の展開なので、今後はさらに複数のメディアへ対応で5.3.1

チ ェッ ク ボ ッ ク ス機 能きるよう開発に努めていきたい。

各 Mix Post の左はじにチェックを入力できるボッ

今後の展開として、Web のバージョンアップに関しクスが図 2 のように表示されている。そのチェックがては、ユーザーからのレスポンスや修正する問題を検はずされた Mix Post の音源、動画は再生リストから証し、よりユーザー視点のデザインを考察した上で実除外され、Mix Play 時に再生されない。

装開発を引き続き行う。
また、イベント演出による展開としては、DJ 無人化という設定をおいたクラブ空間を作り、その中でCJmix のチャンネル・タグ内で結成した Back to Backの DJ ユニット（バーチャル化された DJ）による Mix
Play の演出を NxPC.Lab 7)のイベントコンテンツの一環として活動を行っていく。

図2 チェックボックス

5.3.2

チ ャン ネ ル ・ タ グ機 能Mix Post に付属されたチャンネル・タグに対し、そのチャンネル・タグを指定すると(そのタグ名をクリック する )と 、そ のチ ャ ンネ ル・ タ グが 付属 され た
Mix Post のみだけがプレイリスト上に表示され、MixPlay が実行される。
5.3.3

ユ ーザ ー リ ス ト 機能

ユーザーリスト機能は、自分のお気に入りのユーザーのみのプレイリストを作ることができる。よって、リスト作成により特定ユーザーの Mix のやりとりを分類分けをすることが可能となる。
5.3.4

キ ーワ ー ド 検 索 機能

キーワード検索機能は、Mix Post のテキスト情報内に含まれるキーワードへ検索をかけ、その検索結果から抽出された Mix Post のみプレイリストに表示されるといった機能をもつ。
5.4

Twitter と の 連 動 機能

Mix 投稿の手順説明でも述べたが、CJmix では、Mix投稿された情報は、Twitter のタイムライン上にも反映されるシステムを備えている。（CJmix Web からのmix 投稿では、Twitter へ任意に反映させない機能をもっているわけだが）その連動させるねらいとしては、Twitter ユーザーから、さらにユーザー数を獲得し、公開の場を広げることだ。

6

考察・ 今後の 展開

現在、CJmixWeb アプリケーションをテスト公開した中で、Back to Back による Mix の流れが混雑する問

参考文献

1) USTREAM: http://www.ustream.tv/
2) Twitter: http://twitter.com/
3) BLIP.fm: http://blip.fm/home
4) Author: ち ょ っ と し た DJ 気 分 が 味 わ え る『Blip.fm』
が面
白い，
http://wiggling.net/2008/10/djblipfm.html
5) Turntubelist: http://www.turntubelist.com
6) 田口和裕: 「クラウド系音楽サイトはほかにもい ろ い ろ あ る 」『 Sound & Recording Magazine2010.7』，p. 51 (2010)7) NxPC.Lab: Next dimension Plural media Clubexperience. Laboratory(新次元多層メディア的ク
ラブ体験研究室), http://nxpclab.info/