JSまたはjQueryプレーヤーを使用してオーディオアーカイブをストリーミングしようとしていますが、動作しません。 私はウェブ上で検索しようとしましたが、私はそれを再生するためのアーカイブを指定する方法が見つからないWeb Audio APIしか見つけられません。 ストリーミング中に再生と一時停止を行うにはどうすればよいですか? ありがとうございます。JavaScriptを使用してオーディオアーカイブをストリーミングする方法は?
-2
A
答えて
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
私はそれが生き物のために真実だとは思わないが、それについて私を引用しない。 –
関連する問題
- 1. SWFを使用してビデオをストリーミングする方法は?
- 2. VLCを使用してビデオファイルをストリーミングする方法は?
- 3. MPEG-DASHを使用してライブビデオをストリーミングする方法は?
- 4. Gstreamerを使用してRTMP経由でストリーミングする方法は?
- 5. pure Javaを使用してmp3をストリーミングする方法
- 6. TwitterのストリーミングAPIを使用してURLをトラッキングする方法
- 7. flumeを使用してウェブサイトのデータをストリーミングする方法
- 8. javaを使ってフラッシュビデオをアップロードしてストリーミングする方法は?
- 9. hadoopストリーミングを使用してhdfsのデータセットでgrepする方法
- 10. ブーストiostreamsを使用してストリーミング解凍する方法
- 11. Android用AIR Flex Mobile SDKを使用してビデオをストリーミングする方法は?
- 12. Android:デフォルトのプレーヤーを使用して音楽をストリーミングする方法は?
- 13. cocoahttpserverを迅速に使用してオーディオ(デバイスソング)をストリーミングする方法は?
- 14. iphone:MPMoviePlayerを使用してアプリケーションでYouTube動画をストリーミング再生する方法は?
- 15. DirectShowを使用してサーバーからクライアントブラウザにビデオをストリーミングする方法は?
- 16. C#を使用してIcecastサーバーに音楽をストリーミングする方法は?
- 17. JAXB Marshallerを使用して大きなファイルをストリーミングする方法は?
- 18. javascriptを使用してジェスチャーイベントを使用する方法
- 19. JavaScriptを使用してwebserviceを使用する方法
- 20. JavaScriptを使用して.NETを使用する方法
- 21. JavaScriptを使用してasp.netイメージリサイザを使用する方法
- 22. テーブルAからテーブルBに滑らかなストリーミングとakkaストリーミングを使用してレコードをコピーする方法
- 23. ADK:アンドロイドカメラAPIを使用してストリーミングIPカメラアプリケーションを作成する方法
- 24. JavaScriptを使用してフォームを検証する方法は?
- 25. javascriptを使用してformData()をクリア/リセットする方法は?
- 26. JavaScript/Node.jsを使用してイメージを作成する方法は?
- 27. javaScriptを使用してアクションをロールバックする方法は?
- 28. javascriptを使用してハードウェアデバイスをインターフェースする方法は?
- 29. Javascriptを使用してモーダルコンテンツを操作する方法は?
- 30. Javascriptを使用してページをリダイレクトする方法は?
**正確**あなたは "ストリーム・オーディオ・アーカイブ" とはどういう意味ですか? – Brad
私は自分のホストにアーカイブを持っており、それをストリーミングしたいと思っています。 – Marcelo43
(SoundCloudと同じように) – Marcelo43