2016-10-02 63 views
1

在asp按鈕的onClick事件中,我想在客戶端上播放歌曲。我寫了下面的代碼,這樣做..如何使用C#代碼添加Html音頻元素

protected void btn1_Click(object sender, EventArgs e) 
{ 
    HtmlGenericControl myAudio = new HtmlGenericControl("audio"); 
    myAudio.Attributes.Add("autoplay", "true"); 
    myAudio.Attributes.Add("hidden", "true"); 
    myAudio.Attributes.Add("src", Server.MapPath("~/Songs/") + "1.wav"); 
    myDivTag.Controls.Add(myAudio); 
} 

的HTML如下:執行

但即使
<div id="myDivTag" runat="server"></div> 

代碼中的div標籤保持爲空,而這首歌不播放。我究竟做錯了什麼?

回答

0

這不是一個答案,但我不能評論。如果路徑正確,你有沒有試過? 需要ASP.NET控件嗎? http://www.w3schools.com/html/html5_audio.asp怎麼樣?

代碼吧:

<!DOCTYPE html> 
<html> 
    <body> 
    <audio controls> 
     <source src="horse.ogg" type="audio/ogg"> 
     <source src="horse.mp3" type="audio/mpeg"> 
    Your browser does not support the audio element. 
    </audio> 
    </body> 
</html> 
0

你的HTML這樣

<div runat="server" id="myDivTag"> 
    <audio autoplay runat="server" id="myaudio"> 
     <source src="" runat="server" type="audio/mpeg"> 
     <p>If you can read this, your browser does not support the audio element.</p> 
    </audio> 
</div> 

像這樣

protected void btn1_Click(object sender, EventArgs e) 
{ 
    myaudio.Src = "~/new.mp3"; 
} 

音樂在後臺播放的按鈕單擊事件。所以你不能暫停音樂或停止音樂。

如果您暫停音樂,則需要一些自定義邏輯。