Javascript歌曲播放和暫停

嗨，我設法播放和暫停一個MP3文件，只要我點擊一個圖像，問題是，每次我選擇另一個圖像（這意味着播放不同的MP3歌曲）它會自動恢復同一首歌。Javascript歌曲播放和暫停

的Javascript

function StartOrStop(audioFile) 
    { 
    var audie = document.getElementById("myAudio"); 
    if(!audie.src) 
     audie.src = audioFile; 
    if(audie.paused == false) 
    { 
     audie.pause(); 
    } 
    else 
    { 
     audie.play(); 
    } 
    }

HTML

<img src="images/play.png" alt="Play Button" width="57" height="50" onclick="StartOrStop('RWY.mp3')"> 

<img src="images/play.png" alt="Play Button width="57" height="50" onclick="StartOrStop('EL.mp3')"> 

<audio controls id="myAudio" ></audio>

任何建議兒子我怎麼能解決這個問題？

來源

2013-03-23 user2202031

這條線alt =「播放按鈕寬度=」57「應該是alt =」播放按鈕「width =」57「 – Ruwantha 2013-03-23 14:01:37

nop那沒有解決問題 – user2202031 2013-03-23 15:40:52

我注意到你問了兩次這個問題。它在這裏http://stackoverflow.com/questions/15589048/javascript-playing-and-pausing-different-audio-files-using-different-images – TommyBs 2013-03-23 18:00:06

您沒有在點擊時分配新的src，您正在檢查它是否首先存在。由於src已存在，第二個文件將永遠不會被分配到src。

編輯

而應該檢查，看看是否audie.src === audioFile。

來源

2013-03-23 17:45:19 bmceldowney

怎麼樣這種方法

<audio id="demo1" src="RWY.mp3"></audio> 
<div> 
    <button onclick="document.getElementById('demo1').play()">Play the Audio</button> 
    <button onclick="document.getElementById('demo1').pause()">Pause the Audio</button> 
    <button onclick="document.getElementById('demo1').volume+=0.1">Increase Volume</button> 
    <button onclick="document.getElementById('demo1').volume-=0.1">Decrease Volume</button> 
</div> 
<audio id="demo2" src="EL.mp3"></audio> 
<div> 
    <button onclick="document.getElementById('demo2').play()">Play the Audio</button> 
    <button onclick="document.getElementById('demo2').pause()">Pause the Audio</button> 
    <button onclick="document.getElementById('demo2').volume+=0.1">Increase Volume</button> 
    <button onclick="document.getElementById('demo2').volume-=0.1">Decrease Volume</button> 
</div>

而是按鈕，你可以使用圖像只是標籤的變化。

來源

2013-03-24 02:18:42 Ruwantha

Javascript歌曲播放和暫停

回答

相關問題