[英]Changing source of HTML5 audio player with 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()">></button>
</div>
嘗試這個:
HTML:
<audio controls id="Audio1"></audio>
jQuery(單擊任何按鈕時均在代碼下方寫上):
$("#play").on("click",function(){
var fileName = "dummy.mp3";
$("#Audio1").attr("src",fileName).trigger("play");
});
無需編寫單獨的源標簽。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.