title: Is there a way to set audio information (title, album, artist) for HTML5 audio on browser
body: <p>I'm working on a PWA built with Vue for personal use which basically performs the same function as YouTube Music, without the need to pay money for it each month. </p>
  
  <p>I set up a server with a REST API which can search YouTube based on a query, and then it returns a url for an audio-only stream of that video to the client. It is then defined as the <code>src</code> attribute on an <code>&lt;audio&gt;</code> tag. </p>
  
  <p>Playback works great, but I intend to use this over Bluetooth in my car, and I noticed that the information that displays on my car's tablet is just information about the application. For example, if I play some music, I see the following:</p>
  
  <ul>
  <li>App Name</li>
  <li>Local IP Address</li>
  <li>Unknown Artist</li>
  <li>No Album Art</li>
  </ul>
  
  <p>When typically the information would display as:</p>
  
  <ul>
  <li>Song Title</li>
  <li>Album Name</li>
  <li>Artist Name</li>
  <li>Album Art</li>
  </ul>
  
  <p>Since this is a PWA, when music is playing on my phone, I get a small audio player notification that appears. I believe if I can figure out how to edit the values on that player, I should be able to achieve what I'm trying to do. Is there some way to set those values?</p>
  
  <p>Here's what that notification looks like: <a href="https://i.imgur.com/xazil7Y.png" rel="noreferrer">https://i.imgur.com/xazil7Y.png</a></p>