【Android】PWA版SpotifyがPCレイアウトになる問題の解決法

AndroidでSpotifyをPWAで使おうとすると、デスクトップ版のレイアウトで表示されてしまいます。

これは、PWAとしてインストールする際に付与されるクエリパラメータ utm_source=pwa_install が原因のようです。 Web Player/PWA no longer responsive - doesn’t render in car mode/mobile layout on Phone

以下の方法により、スマホ用のレイアウトで表示できるようになったので紹介します。

解決法

Google Chrome

1. ChromeでSpotifyを開き、ホーム画面に追加でPWAをインストール
2. Shortcut Makerというアプリをインストール
3. アプリを開き、アクティビティでH2OTransparentLauncherActivityを検索し、Spotifyを選択
4. 詳細オプションで以下を設定
   データ

    https://open.spotify.com
   

5. ショートカットを作成

Firefox

1. FirefoxでSpotifyを開き、ホーム画面にアプリを追加でPWAをインストール
2. Shortcut Makerというアプリをインストール
3. アプリを開き、アクティビティでorg.mozilla.fenix.IntentReceiverActivityを検索、Firefoxを選択
4. 詳細オプションで以下を設定
   • アクション

      mozilla.components.feature.pwa.VIEW_PWA
     

   • パッケージ名

      org.mozilla.firefox
     

   • クラス名

      org.mozilla.fenix.IntentReceiverActivity
     

   • データ

      https://open.spotify.com/?utm_source=pwa_install
     

   • 追加を編集から
     • キー

         mozilla.components.feature.pwa.EXTRA_URL_OVERRIDE
       

     • 値

         https://open.spotify.com/
       

     • データ型 String
   • ウィジェットショートカットをON
5. ショートカットを作成