Apple music web kit play issues (MusicKit JS)

Hello,

I am trying to follow the getting started guide. I have produced a developer token via the music kit embedding approach and can confirm I'm successfully authorized.

When I try to do play music, I'm unable to hear anything. Thought it could be some auto-play problems with the browser, but it doesn't appear to be related, as I can trigger play from a button with no further success.

  const music = MusicKit.getInstance()
  try {
    await music.authorize() // successful
     const result = await music.api.music(`/v1/catalog/gb/search`, {
       term: 'Sound Travels',
       types: 'albums',
     })
    await music.play()
  } catch (error) {
    console.error('play error', error) // ! No error triggered
  }

I have searched the forum, have found similar queries but apparently none using V3 of the API.

Other potentially helpful information:

  • OS: macos 15.1 (24B83)
  • API version: V3
  • On localhost
  • Browser: Arc (chromium based), also tried on Safari,
    • The only difference between the two browsers is that safari appears to exit the breakpoint, whereas Arc will continue (without throwing any errors)
  • authorizationStatus: 3

Side note, any reason this is still in beta so many years later?

Apple music web kit play issues (MusicKit JS)
 
 
Q