Apple Music의 JavaScript 라이브러리 "Music Kit JS"를 사용하여 브라우저에서 Apple Music을 재생합니다.화면을 완성하는 게 이런 느낌이야.예술 작품과 노래에 대한 정보를 표시할 수도 있다.
(둘) 이후.

(뭔가 수상하다)

필요한 물건

애플뮤직의 멤버십

애플 Developer Program의 멤버십

브라우저

차리다

MusicKit JS에는 Developer Token이 필요합니다.디벨로퍼 토큰을 만들기 위해서는 사전에 뮤직 아이디와 뮤직 키트 프라이빗 키가 필요해 순서대로 제작한다.

Music ID 만들기

애플 Developer 웹 사이트의 Music ID 등록 열기
https://developer.apple.com/account/ios/identifier/musicId

Description 및 Identifier 입력
・Music ID Description: 인증 시 표시되는 표시 이름(이후 변경 가능)
· Identifier: 유일한 식별명을 사용하는 역도메인 이름 추천

MusicKit Private Key 제작

애플 Developer 사이트를 여는 키 등록
https://developer.apple.com/account/ios/authkey/

MusicKit를 선택하고 Continue

를 클릭합니다.

키 파일 다운로드
한 번만 다운로드할 수 있기 때문에 잘 보관하겠습니다.

Developer Token 만들기

응용 프로그램 다운로드

$ git clone https://github.com/pelauimagineering/apple-music-token-generator.git

music_token.편집기에서py 열기 및 편집
music_token.py

# requires pyjwt (https://pyjwt.readthedocs.io/en/latest/)
# pip install pyjwt


import datetime
import jwt


secret = """-----BEGIN PRIVATE KEY-----
(AuthKey_xxxxxxxxxx.p8の内容を貼り付ける）
-----END PRIVATE KEY-----"""
keyId = "(先ほど作成したPrivate Key ID)"
teamId = "(Apple DeveloperアカウントのTeam ID)"
alg = 'ES256'

# 有効期間を変更する場合はtime_expiredを変更する
time_now = datetime.datetime.now()
time_expired = datetime.datetime.now() + datetime.timedelta(hours=12)

pyjwt와cryptography,music 설치token.py 실행

$ sudo pip install pyjwt
$ sudo pip install cryptography

$ python music_token.py
----TOKEN----
(developer token)
----CURL----
curl -v -H 'Authorization: Bearer (developer token)' "https://api.music.apple.com/v1/catalog/us/artists/36954"

이렇게 하면 Developer Token을 획득할 수 있습니다.

음악 재생용 웹 페이지 만들기

Apple Music 재생 목록에서 "Trides Hits"를 재생할 수 있는 웹 페이지를 만듭니다.예술 작품과 재생 시간 등을 동시에 표시할 수 있다.
나는 이곳의 공식 홈페이지를 참고했다.
https://developer.apple.com/documentation/musickitjs/adding_musickit_features_using_html
play.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />

<!-- Configuring MusicKit JS -->
<meta name="apple-music-developer-token" content="(自分のdeveloper token)">
<meta name="apple-music-app-name" content="My Cool Web App">
<meta name="apple-music-app-build" content="yyyy.mm.dd">
<script src="https://js-cdn.music.apple.com/musickit/v1/musickit.js"></script>

<title>MusicKit Features Using HTML</title>
</head>
<body>
<center>

<!-- To set a queue using a playlist identifier in the Apple Music API -->
<button data-apple-music-set-queue="pl.f4d106fed2bd41149aaacabb233eb5eb">Today's hits</button>

<!-- Add Media Playback Controls -->
<button data-apple-music-pause></button>
<button data-apple-music-play></button>
<button data-apple-music-skip-to-next-item></button>
<button data-apple-music-skip-to-previous-item></button>

<!-- nowPlayingItem.artworkURL -->
<p><img data-apple-music-now-playing="artworkURL" width="300" height="300" /></p>

<!-- Default nowPlayingItem.info -->
<p data-apple-music-now-playing></p>

<!-- Add Current Playback Information -->
<p>
<time id="apple-music-current-playback-duration"></time>
<time id="apple-music-current-playback-time"></time>
<span id="apple-music-current-playback-progress"></span>
</p>

</center>
</body>
</html>

보충: setQueue 시 재생 목록의 ID가 필요합니다. 이것은 아이튠즈의 재생 목록을 열고 재생 목록을 공유해서 링크의 사본을 볼 수 있습니다.

웹 서버에 구성

이번에는 파이톤의 간이 웹 서버 기능을 사용했다.

$ sudo python -m SimpleHTTPServer
Serving HTTP on 0.0.0.0 port 8000 ...

재생을 시도하다

브라우저에서 재생합니다.로그 열기
http://localhost:8000/play.html

처음 액세스할 때 Apple ID 인증 요청

Apple ID 및 암호를 입력하면 액세스 요청 확인 대화 상자가 표시됩니다.

재생성 시작
Apple Music의 트위터가 브라우저에서 들려요 ♪

최후

브라우저에서 애플뮤직을 간단히 재생할 줄은 몰랐어요.아이튠즈를 설치하지 않더라도 컴퓨터에서 애플뮤직을 쉽게 들을 수 있다.
가수와 노래를 검색해 등급을 매길 수 있기 때문에 다음에 도전해보고 싶어요.
다음은 여기야.
- 브라우저를 통해서만 Apple Music 재생 (2)

참고 자료

MusicKit JS | Apple Developer Documentation

Getting Keys and Creating Tokens | Apple Developer Documentation

[iOS11] Apple Music API 액세스에 필요한 작업 #WDC17|DevelopersiO 정보

Reference

이 문제에 관하여(브라우저를 통해서만 Apple Music 재생(해당 1)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/yuppejp/items/084db977f09850a2b4cc

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)