Saturday, February 18, 2017

Zooper Membuat Widget Music Player

  1 comment
Media Utilities
Integration
Media Utilities bukan music player melainkan widget dengan notification dan Tasker plugin yang bekerja dengan music player anda, Media utilities secara otomatis menentukan aplikasi music anda saat ini dan terintegrasi dengan itu, diskripsi lengkap mengenai Media Utilities dapat anda lihat di Play Store

 Persiapan

Setelah anda memasang Media utilities pada perangkat Android anda, anda perlu menyeting terlebih dahulu sebelum menggunakan.
  • buka pengaturan Android / Manager Pemberitahuan / Akses Pemberitahuan. centang pada Media Utilities
  • buka aplikasi Media Utilities, klik pada menu atau icon 3 titik pada kanan atas layar, kemudian pilih Settings, centang pada menu Zooper, Make Coverart, dan Send Song Progress, untuk yang lain abaikan saja.

  • buka kembali Media Utilities, klik pada icon menu, kemudian pilih Media App, Add Media App, silahkan pilih aplikasi music yang terinstall pada device anda (tidak semua music player compatible)

Zooper Integration

Media Utilities mendukung beberapa variable yang bisa anda gunakan seperti play/pause, nama album, nama artist dan sebagainya, silahkan lihat pada table berikut.

Zooper Media Untilities Variable
Variable Keterangan
#TMU_PLAYTIME# lama waktu bermain
#TMU_PLAYTIME_MILLIS# lama waktu bermain dalam milidetik
#TMU_TRACK_PERC# lama waktu bermain dalam persen
#TMU_REMAINING_TIME# sisa waktu bermain
#TMU_REMAINING_MILLIS# sisa waktu bermain dalam milidetik
#TMU_TRACK_NUM# nomor track
#TMU_TRACK_LENGTH# total waktu bermain
#TMU_TRACK_LENGTH_MILLIS# total waktu bermain dalam milidetik
#TMU_ALBUM# nama album
#TMU_ARTIST# nama artist
#TMU_TRACK# nama tack
#TMU_COVERART# coverart music
#TMU_CURR_APP# nama aplikasi music yang dipakai
#TMU_CURR_PACKAGE# nama paket aplikasi music yang dipakai
#TMU_ISPLAYING# indikator value, 0 = Play, 1 = pause

Membuat Music Widget

Pastikan anda sudah memeenuhi persyaratan pemasangan Media Utilities yang telah dijelaskan di atas, buat widget baru dengan ukuran 4x3, silahkan download bahan gambar.png Disini , unpack folder Bitmaps ke sdcard/ZooperWidget, silahkan ikuti tutorial yang saya jelaskan berikut ini (tambahkan module kemudian edit pada bagian yang dijelaskan, untuk yang lain abaikan saja).
  • Bitmap =" name: coverart backgroud, scale: 170, Advance Parameter: [b]#TMU_COVERART#[/b]"
  • Rect =" name: header, Y offset: -170, color: #8dffffff, width: 335, height: 75"
  • Rect =" name: header line, X offset: 32, Y offset: -123, color: black, width: 253, height: 2"
  • Bitmap =" name: header coverart, X offset: -130, Y offset: -107, scale: 32"
  • Text =" name: package app, X offset: 25, Y offset: -136, edit text manually: #TMU_CURR_APP#, color: black" 
  • Rich Text = " name: track name, X offset: -94, Y offset: -113, edit text manually: [tr=35]#TMU_TRACK#[/tr], color: black"
  • Rich Text =" name: album name, X offset: -94, Y offset: -97, edit text manually: [tr=35]#TMU_ALBUM#[/tr], color: black"
  • Rich Text =" name: artist name, X offset: -94, Y offset; -80, edit text manually:' Artist: [tr=15]#TMU_ARTIST[/tr]', color: black"
  • Progress bar =" X offset; -160, Y offset: 60, min/max/value: (min: 0, value: #TMU_PLAYTIME#, max: #TMU_TRACK_LENGTH#), FG color: #ffff9100, BG color; #95f3fff6, width: 320, height: 4"
  • Rect =" name: rect progress bar, X offset: -160, Y offset: 60, color: #ffff8900, width: 15, height: 15, corner: 10, blur: 4, advance parameter: [ox]$(-160+(320/#TMU_TRACK_LENGTH#/#TMU_PLAYTIME#))$[/ox]"
  • Text =" name: play time, X offset: -145, Y offset: 75, edit text manually: #TMU_PLAYTIME#"
  • Text =" name: track length, X offset: 145, Y offset: 75, edit text manually: #TMU_TRACK_LENGTH#"
  • Bitmap =" name: play/pause, Y offset: 100, module ontap: Shorctcuts - Media Utilities - play/pause, advance parameter:[b]$#TMU_ISPLAYING#=1?/sdcard/ZooperWidget/Bitmaps/pause.png:/sdcard/ZooperWidget/Bitmaps/play.png$[/b]"
  • Bitmap =" name: next, X offset: 70, Y offset: 100, module ontap: shortcuts - Media Utilities - next, bitmap: (cari gambar next.bmp dari download diatas), scale: 80"
  • Bitmap =" name: previous, X offset: -70, Y offset: 100, module ontap: shortcuts - Media utilities - previous, bitmap: (cari gambar previous.bmp dari download di atas), scale: 80"  

Untuk referensi silahkan Download sample template dari tutorial diatas, unpack  folder Tamplates didalam .zip ke /sdcard/ZooperWidget.

1 comment :