Adds Field and Block types for Apple Music including a live preview of embeds in the panel. Version 2.0.0 introduces an optional Panel Area that integrates with the Apple Music API (requires a paid Apple Developer account) to display recently played songs using an authenticated Apple Music account. Results provide quick access to copy a song's URL and embed code. Recently played songs can also be exposed to templates using a provided snippet.
kirby plugin:install scottboms/kirby-applemusicgit submodule add https://github.com/scottboms/kirby-applemusic.git site/plugins/kirby-applemusic- Download the contents of this repository as Zip file.
- Rename the extracted folder to
kirby-applemusicand copy it into thesite/plugins/directory in your Kirby project.
An optional configuration setting can be set to override the default format for the field.
| Property | Default | Req? | Description |
|---|---|---|---|
| scottboms.applemusic.format | link |
No | Sets the field type format - link or embed |
Example Use (in config/config.php):
return [
scottboms.applemusic.format => 'embed'
]If using the Apple Music API, you will first need to generate the necessary keys and p8 token. Those values can then be added to your site config which will allow access from the Panel and also to your templates.
Required:
These private properties should be stored securely outside version control systems. This can be done by creating an env.php file in the site/config folder and adding that to your .gitignore rules.
| Property | Default | Req? | Description |
|---|---|---|---|
| teamId | null |
Yes | Available from Apple Developer account profile |
| keyId | null |
Yes | A generated Apple Music Media ID Key |
| privateKey | null |
Yes | The raw contents of the generated .p8 token |
| allowedOrigins | null |
No | An array of domains to allow for handling CORS responses |
Example Use (in config/env.php):
return [
// private plugin config
'scottboms.applemusic' => [
'teamId' => 'ABCDE12345',
'keyId' => '1A2BC3DEFG',
'privateKey' => '-----BEGIN PRIVATE KEY-----///-----END PRIVATE KEY-----',
'allowedOrigins' => [
'https://example.com', 'https://yoursite.com'
],
],
]Optional Config Overrides:
| Property | Default | Req? | Description |
|---|---|---|---|
| tokenTtl | 3600 |
No | Length of time token persists in seconds (6 min) |
| tokenCacheTtlMinutes | 43200 |
No | Length of time for tokenCache to persist (30 days) |
| songsLimit | 15 |
No | The number of songs to show in the Panel Area |
| songsToShow | 12 |
No | The number of songs to show via the included snippet |
Example Use (in config/config.php):
return [
// applemusic plugin config
'scottboms.applemusic' => [
'tokenTtl' => 4800,
'songsLimit' => 10,
'songsToShow' => 6
],
]Cache Settings:
Turn on file caching for the plugin using:
return [
cache => [
'scottboms.applemusic' => [
'type' => 'file',
]
],
]In a Page blueprint, add a new field with the type applemusic. Standard field attributes such as label, required, help, etc. can also be used to override the defaults. Use emptyText to change the default text displayed when the field is in an empty state.
music:
label: Apple Music Embed
type: applemusic
emptyText: 'Click to paste Apple Music embed code'
blocks:
type: blocks
fieldsets:
- heading
- text
- image
- applemusicIf using the defaults, and based on the example Blueprint above, to render the field in your template you can use <?= $page->music() ?>. Note that any additional helper functions applied may break the embed. You do not need to use ->kt() or ->kti() for example.
If using the link format, a custom snippet is included to handle formatting the link into a properly formatted <iframe> embed. For example:
<?php snippet('applemusic', ['field' => $page->music()]) ?>If using the API, a snippet is included to handle displaying a customizable grid of recent songs.
<?= snippet('recently-played', ['limit' => 6]) ?>- Kirby 4.x
- Kirby 5.x
This plugin is provided "as is" with no guarantee. Use it at your own risk and always test before using it in a production environment. If you identify an issue, typo, etc, please create a new issue so I can investigate.
