2013-10-28 53 views
1

HTML5音頻播放器的來源,我不知道爲什麼它不工作,我必須花很多時間在上面更改使用jQuery

我想改變音頻播放器的源並開始播放新點擊一個按鈕源, 下面的代碼:

JS:

<script type="text/javascript"> 

    function audplay() { 
     var player = document.getElementById("Audio1"); 

    audio = $("<audio>").attr("id", "audioElement") 
         .attr("preload", "auto") 
         .appendTo(player); 
var sourceUrl = 'C:\Users\a\a\a\1.mp3' 
function addMp3Source(sourceUrl) { 
    audio.empty(); 
    var newSrc = $("<source>").attr("src",sourceUrl).appendTo(audio); 
} } 
</script> 

HTML:

<audio id="Audio1" controls="controls" > 
    <source id='a' src="Miaow-07-Bubble.m4a" type="audio/mp4" /> 
    <source src="demo.ogv" type="video/ogg" /> 
    HTML5 Audio is required for this example. 
<div id="buttonbar"> 
    <button id="play" onclick="audplay()">&gt;</button> 
</div>  
+1

張貼小提琴可能會幫助你在你的原因..http://jsbin.com/EDAxoLiL/1/edit – codebreaker

+1

@ codebreaker我可以吻你嗎? :)你救了我的一天:) –

+1

哦好..小提琴幫助你解決你的任務..快樂編碼.. – codebreaker

回答

8

試試這個:

HTML:

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

的jQuery(下面寫代碼上的任意鍵點擊):

$("#play").on("click",function(){ 
    var fileName = "dummy.mp3"; 
    $("#Audio1").attr("src",fileName).trigger("play"); 
}); 

不需要編寫單獨的源代碼。