如何使用 javascript 仅加载 mp3 文件标题？

Question

我已经完成 code.It 播放来自用户提供者 url 的 mp3。但它正在加载完整的 url 作为标题。有什么办法让它只加载 mp3 标题吗？我还希望它在 <p> 标签中显示标题。我需要帮助。

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;
}

<center class="lolmanaudio">
    <input type="text" value="Title Here" style="border-width: 1px; border-style: solid; width: 90%; padding: 8px 15px 8px 30px;" id="loadtitle"/>
    <br>
    <button onclick="loadtitle()">Load Title</button>
    <input type="text" id="url"/>
    <button onclick="setAudio()">Load Audio File</button>
    <h5><a href="http://blog.grplusbd.net">GR+ Bangladesh</a></h5>
    <audio id="audioplayer" src="" controls preload="metadata">Your browser does not support the audio element.</audio>
    <br>...
</center>

Answer 1

您可以使用这个简单的代码检查文件扩展名

var url = "http://example.com/audio/file.mp3";
var url2 = "http://example.com/audio/file.wav";
    
if (url.match(/.mp3$/g))
    alert("mp3");

if (url2.match(/.mp3$/g))
    alert("wav");

如何使用 javascript 仅加载 mp3 文件标题？

How to load only the mp3 file title using javascript?

html

javascript

html5-audio