2016-04-30 61 views
-1

我已完成code.It播放來自用戶giver url的mp3。但它加載完整的網址作爲標題。有沒有什麼辦法讓它只加載mp3標題? 我也希望它在<p>標籤中顯示標題。我需要幫助。如何僅使用JavaScript加載mp3文件標題?

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> 

回答

0

你可以用這個簡單的代碼

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");

檢查的文件擴展名