Media Utilities+Zooper Widgetで音楽ウィジェットを作る

|

以前書いた『Media Utilitiesと連携して(わりと)自由な音楽ウィジェットを作る』の続きというか、第2弾です。もうちょっと凝った音楽ウィジェットを作ることができるようになりました。

ベータテスター

これまた以前『WidgetsHome ベータテストに参加してます。』という記事でも触れたのですが、Google+でコミュニテイに入ることで、そのアプリのベータ版をインストールすることができるようになります。
最近ではNova Launcherのベータ版を入れると(一部機種で)ステータスバーの透過ができる、というのがありました。私の端末では対応してませんでした。(他にもいくつかベータ版での追加機能があったので、ステータスバー透過さえあれば記事にしようと思ってたのですが…。)

そして、同じようなベータテストがMedia UtilitiesとZooper Widgetにもあります。これを入れると、現在再生中の音楽の演奏時間や演奏経過時間を表示することができるようになります。私は両方共ベータ版を入れていますが、Media Utilitiesだけでもいいかもしれません。また、焦らなくてもそのうちPlayストア版にも実装されると思います。

Google+でそれぞれのコミュニティに参加申請し、許可されるとコミュニティページにベータテスターになるためのリンクが表示され、ベータ版を入手することができるようになります。参加したのであれば、あくまで正式公開前のベータ版であることを踏まえ、おかしなところ等あったら報告しましょう。それがベータテスターです。

Zooper Widget Awesome Beta Testers – コミュニティ – Google+
Media Utilities Beta – コミュニティ – Google+

Media Utilities Beta

131120-1
Media Utilities Betaを入れると、Settingsの最後に項目が増えています。とりあえず全部チェックしてしまいましょう。
Cover Art SizeはMedia Utilitiesで生成するカバーアートのサイズ、Cover Art Shapesはカバーアートの形状をrectangle(四角)かcircle(円)か選ぶことができます。

ベータ版では元々のものも含め、Zooper Widgetなどで以下の値を扱うことができるようになります。

  • MU_PLAYTIME – 再生中の曲の現在の演奏時間
  • MU_PLAYTIME_MILLIS – 現在の演奏時間(ミリ秒)
  • MU_TRACK_PERC – 現在の再生位置(パーセント表示)
  • MU_REMAINING_TIME – 再生中の曲の残り演奏時間
  • MU_REMAINING_MILLIS – 再生中の曲の残り演奏時間(ミリ秒)
  • MU_TRACK_NUM – アルバム内でのトラックナンバー
  • MU_TRACK_LENGTH – 現在の曲の総演奏時間
  • MU_TRACK_LENGTH_MILLIS – 現在の曲の総演奏時間(ミリ秒)
  • MU_ALBUM – アルバム名
  • MU_ARTIST – アーティスト名
  • MU_TRACK – 曲名
  • MU_COVERART – カバーアートのURI
  • MU_CURR_APP – 再生しているアプリ名
  • MU_CURR_PACKAGE – 再生しているアプリのパッケージ名
  • MU_ISPLAYING – 再生中は1、それ以外の時は0を表示

Zooper Widgetで使ってみる

131120-2
では実際にZooper Widgetで使ってみましょう。はい、よくある形の音楽ウィジェットです。ですがZooper Widgetで作っているため、テキストの大きさや位置、フォントも自由です。

カバーアートはBitmapのAdvanced Parametersで

[b]#TMU_COVERART#[/b]

としています。

コントロール部分は、fontteloで0に再生ボタン、1に一時停止、2に巻き戻し、3に早送りのアイコンを当てはめたフォントを作って表示しています。再生・一時停止を切り変えるため、その部分は#TMU_ISPLAYING#を表示しています。また、それぞれタップした時にMedia Utilitiesのショートカットで実際にコントロールできるようにしています。

MU_PLAYTIMEやMU_TRACK_LENGTHはこうして普通に時間を表示するのでわかりやすいですね。
ではそれをミリ秒で表示するものが用意されているのはどうしてでしょうか?そんな細かい数字を必要とする人がいるのでしょうか?

このミリ秒表示はテキストとして表示するのではなく、別のモジュール、プログレスバーなどで使うための値だと考えられます。
131120-3
プログレスバーの「Edit Progress Min/Max/Value」で画像のように
Valueに#TMU_PLAYTIME_MILLIS#、
最大値に#TMU_TRACK_LENGTH_MILLIS#を入力します。

もしくはValueに#TMU_TRACK_PERC#で最大値に100でもOKです。

131120-4
これでこのウィジェットの上端にあるような、バーで再生位置を表示することができます。

作りたかったもの

前々からいいなーと思ってたものをこれで作れる、と思いました。
131120-5
Dribbble – Player Widget by Piotr Kwiatkowski

くぁー、かっこいいですね~。

131120-6
作ってみました。どうでしょう?完全再現とはいきませんが、それなりにそれっぽくできたのではないでしょうか。
そう、プログレスバーはZooper Widgetならこのように曲げることも簡単なんですね。

ただ、背景の部分はZooperでの図形表示がまだ勉強不足でうまくいかなかったので、Photoshopで普通に画像として作ってしまいました。
もし必要な人がいれば、使ってみてください。
music400music400b
2つの画像の間にプログレスバーを置くことで、バーに若干の影がつくようになっています。

まとめ

実際に使ってみると、イマイチ反応が悪かったりと、完全な音楽ウィジェットとして使うのは難ありと思います。ただかなり自由にレイアウトできますし、情報を見る分には問題ないと思います。

これで音楽情報がより溶け込んだホーム画面も作れそうですね。

Random Posts

背景を愛でるためのミニマルホーム【あなたのホーム画面見せてください 2018】
New umbrella Terminal【ホーム画面定期コンテスト】
mineoが通信の最適化についてのお詫びと詳細をコミュニティサイト「マイネ王」内にて公開
Tiles:クイック設定パネルに様々な機能のタイルを追加できるアプリ
【あなたのホーム画面見せてください 2018】応募全31作品のまとめ
simple is the best【あなたのホーム画面見せてください 2019】
CircleFinder:Twitterでフォローしている人からコミケ等のサークル参加者を一覧表示するアプリ
Mode1 RR レビュー:普通の人の普通の使いやすさ、そしてRacing Sportsをコンセプトにデザインされたスマホ
私がXperia 1を購入して設定した項目や、使い始めるために入れたアプリ
Try UQ mobileでUQ mobileのスマホとSIMカードを無料でお試し!手順と注意点
Xperia 1 のSDカードを内部ストレージ化してストレージ容量を増量
Notch Remover:ノッチの左右を黒く塗りつぶして目立たなくするアプリ
Playストアで有料アプリを公開&無料セールを設定する-アプリ販売始めました
AQUOS sense3用にラスタバナナの保護フィルム「スーパーさらさら」を購入!
格安SIM (MVNO) の速度測定:2018年12月 その2 BIGLOBE-Aが回復?今年1年間も振り返る