2016-10-10 4 views
-2

JSまたはjQueryプレーヤーを使用してオーディオアーカイブをストリーミングしようとしていますが、動作しません。 私はウェブ上で検索しようとしましたが、私はそれを再生するためのアーカイブを指定する方法が見つからないWeb Audio APIしか見つけられません。 ストリーミング中に再生と一時停止を行うにはどうすればよいですか? ありがとうございます。JavaScriptを使用してオーディオアーカイブをストリーミングする方法は?

+0

**正確**あなたは "ストリーム・オーディオ・アーカイブ" とはどういう意味ですか? – Brad

+0

私は自分のホストにアーカイブを持っており、それをストリーミングしたいと思っています。 – Marcelo43

+0

(SoundCloudと同じように) – Marcelo43

答えて

0

これが正確に必要なのかどうかわかりませんが、選択ボックスのオプションが強調表示されているときにオーディオサンプルを再生する必要があるという問題がありました。私は、各クリックでhtml5オーディオタグのソースを変更したjqueryを入れて解決しました。私は実際のオーディオプレーヤーを隠し、コントロールをいくつかのボタンに入れましたが、あなたはそれをすることができます。必要なのは再生するURLだけです。

これがライブストリーミングでどのように機能するかについては、この回答が役立つはずです。 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

私はそれが生き物のために真実だとは思わないが、それについて私を引用しない。 –

関連する問題