title: How to load only the mp3 file title using javascript?
body: <p>I've completed the code.It plays the mp3 from user giver url. But it's loading the full url as the title. Is there any way to make it load only the mp3 Title?
  I also want it show the title in <code>&lt;p&gt;</code> tag. I need help.</p>
  
  <pre><code>function setAudio() {
      var url = document.getElementById('url').value;
      var audioPlayer = document.getElementById('audioplayer');
      audioPlayer.src = url;
  } 
  
  function loadtitle() {
      var title = document.getElementById('url').value;
      var loadtitle = document.getElementById('loadtitle');
      loadtitle.value = title;
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;center class="lolmanaudio"&gt;
      &lt;input type="text" value="Title Here" style="border-width: 1px; border-style: solid; width: 90%; padding: 8px 15px 8px 30px;" id="loadtitle"/&gt;
      &lt;br&gt;
      &lt;button onclick="loadtitle()"&gt;Load Title&lt;/button&gt;
      &lt;input type="text" id="url"/&gt;
      &lt;button onclick="setAudio()"&gt;Load Audio File&lt;/button&gt;
      &lt;h5&gt;&lt;a href="http://blog.grplusbd.net"&gt;GR+ Bangladesh&lt;/a&gt;&lt;/h5&gt;
      &lt;audio id="audioplayer" src="" controls preload="metadata"&gt;Your browser does not support the audio element.&lt;/audio&gt;
      &lt;br&gt;...
  &lt;/center&gt;
  </code></pre>