2016-10-10 27 views
-2

我想使用JS或jQuery播放器流式音频档案,但它不起作用。 我试图在网上搜索,但我可以找到的所有Web Audio API,我没有找到一种方法来指定它的存档重现。 如何在播放时播放和暂停? 在此先感谢。如何使用JavaScript流式传输音频档案?

+0

** **正是你的 “流音频档案” 是什么意思? – Brad

+0

我在我的主机上有一个存档,我想对它进行流式处理。 – Marcelo43

+0

(就像SoundCloud) – Marcelo43

回答

0

不确定这是否正是您所需要的,但我遇到了一个问题,即当选择框中的选项突出显示时,我需要播放音频样本。我通过放入一些jQuery来解决这个问题,每次点击都改变了html5音频标签的来源。我隐藏了实际的音频播放器并将控制器放在了一些按钮中,但是无论如何你都可以这样做。所有你需要的是一个网址来播放。

至于如何使用直播,这个答案应该有所帮助。 https://stackoverflow.com/a/33512389/6906927

<html> 
<body> 
<div id = ‘selections’> 
<select id = ‘searchthis’> 
<!— List of clickable titles here —> 
<option value = ‘<!— LINK TO AUDIOFILE HERE —>’> TITLE</option> 

</select> 
</div> 
<div id = ‘buttons’ style = ‘width:100%> 
<button type="button" id="playsample" class="bt" onClick="gogo()"><i id = "music" class="glyphicon glyphicon-play"></i></button> 
<button type="button" id="stopsample" class="bt" onclick = "stopstop()"><i id = "music" class="glyphicon glyphicon-stop"></i></button> 
<audio controls id = 'audiosample' style = ‘display:none'></audio> 
</div> 
<script> 
$(document).ready(function(){ 
$('#searchthis').click(function(){ 

var pathway = $(this).find('option:selected').val(); 

$('audio#audiosample').attr('src', pathway); 

}); 
}); 


function gogo(){ 
var tunes = window.document.getElementById('audiosample'); 

tunes.play(); 



} 

function stopstop(){ 
    var tunes = window.document.getElementById('audiosample'); 

tunes.pause(); 

} 
</script> 
</body> 
</html> 
+0

通过留下音频标签,人们将能够下载音频。 有什么办法删除权限并使其成为只读? – Marcelo43

+0

我不认为这对于直播是真实的,但不要在此引用我的意思。 –