androidprodのブログ

I have a dream !!

【約3年間の集大成】音楽プレイヤーを一般公開!?

始まりはここから、、、

始まりは3年前のことで、音楽を広告なし、自作環境で聞きたいと思い、いろいろしてたどり着いたのは、WEBサイトのWEBAPP化(PWA化)でした。

進化履歴

v1 : Material Design 2 ( Materializecss ) でコーディング

MD2 MusicPlayer

v2 : Material Design 3 ( beercss ) でコーディング

MD3 MusicPlayer

特徴

  • マウス&タップ操作
  • 再生&停止
  • MediaSessionAPI
  • 音量&スピード操作(ピッチは除外)

MediaSessionAPIとは?

「mediasession api 例」と調べれば出るもので、OS側で操作をできるようにするいわば便利機能です。 例としてスマホを閉じた状態で、BlueToothイヤホンで操作できる、などです。

ピッチは変えれないの?

ピッチを変更するにはとてつもなく難しいコードを書かなくてはならず、AIに聞いてもわからないので今回は却下

まとめ

3年間の集大成です。ぜひ見てください!

https://mplay.web.app/