Hiroto's diary

プログラミングとか色々

iOS の Spotify で曲やアーティストを Twitter で共有する時に曲名やアーティスト名を入れる

iOSバイスSpotify を使ってる方は分かると思うけど, iOSSpotify で曲やアーティストを Twitter で共有すると, なぜか曲名やアーティスト名はツイートされず, URL だけがツイートされる. PC では曲名もアーティスト名もツイートされるのに, 何故か iOS ではこの仕様.

公式クライアントでツイートを見る分にはアーティスト名なり曲名が分かるのでまだ良いですが, 非公式クライアントではただ URL が表示されるだけでめちゃくちゃ不便.

これの解決方法は Safari などの外部ブラウザで開いてブラウザの共有機能でツイートする等があるけど, iOS のショートカットで実現したほうが手っ取り早いので作った.


2020/10/30 追記

iOS 14頃からダブルクオーテーションなどがエンコードされるようになってしまったので, 2020/10/30に大幅書き換え

追記ここまで


まず, ショートカットのアプリと Twitter 共有に使うアプリをインストール. 自分は普段 feather を使ってるので feather で共有する.

ショートカット

ショートカット

  • Apple
  • 仕事効率化
  • 無料
apps.apple.com

apps.apple.com

ショートカットアプリを開いて, 以下のような感じのを作る.

f:id:Hiroto-K:20201030154817p:plainf:id:Hiroto-K:20201030154821p:plainf:id:Hiroto-K:20201030154825p:plain

3個目の HTML は以下の通り. parseFromString()の第一引数の名前はショートカットに出てくる名前を選択する.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
const parser = new DOMParser();
const doc = parser.parseFromString("名前", 'text/html');
document.body.textContent = doc.documentElement.textContent;
</script>
</body>
</html>

以前は名前を取得を使えばエンコード前のテキストが取得できていたけど, iOS 14 になってから出来なくなっていたので手動でデコードする必要がある.

見た感じデコードの機能はなさそうだったので, データスキームを使って JavaScript を実行するというアクロバティックな実装で突破したけど, 他にもいい方法があるかもしれない.

最後の方のテキストは以下の通り. クエリの text の後ろにエンコード済みのテキストを入れる.

feather以外を使っている人は自分の使ってるアプリの URL スキームを使えばいいと思う.

com.covelline.feather:///post?text=

ショートカットの設定から共有シートに表示をオンにする.

f:id:Hiroto-K:20201030155846p:plain

後は Spotify から共有をするだけ. 共有する際にTwitterを選ばずにその他を選び, そこからショートカットで作った物を選ぶと, 指定したTwitterクライアントに飛ぶ.

f:id:Hiroto-K:20201030160508p:plainf:id:Hiroto-K:20201030160514p:plainf:id:Hiroto-K:20201030160521p:plain

これでいい感じに曲名とアーティスト名を挿入してツイートできる.

こんなのをユーザー側がやるのもアレなので, Spotify 標準の Twitter 共有で曲名とアーティスト名も入れるようにしてほしい.


ここから下はiOS 13の頃まで使えた仕様. 今作っても使えるは使えるけど, ダブルクオーテーションなどがエンコードされて最悪なのでおすすめしない.

以下のような感じのを作る.

f:id:Hiroto-K:20191021000303p:plainf:id:Hiroto-K:20191021000309p:plain

Spotify から共有して確認.

f:id:Hiroto-K:20191021001432p:plainf:id:Hiroto-K:20191021001440p:plain
f:id:Hiroto-K:20191021001448p:plainf:id:Hiroto-K:20191021001455p:plain

© 2015 hiroxto