时间戳

首页 > 解决方案 > 如何从客户端 ASP.NET 中的 URL 播放音频？

javascript - 如何从客户端 ASP.NET 中的 URL 播放音频？

问题描述

我正在 ASP.NET（.NET Framework 4.0 版、ASP.NET 4.7 版）Web 应用程序中创建一个页面，我需要能够从服务器播放音频

URL 是这样的：http://xx.xx .xxx.x/.global/call_recording_archive/download.php?file=xxxxxxxxxxxxxx-all.mp3但我想不出任何办法让它流式传输到浏览器中的音频播放器。

任何帮助，将不胜感激。

标签： javascriptasp.nethtml5-audio

解决方案

一种简单的方法是使用 javascript 和 DOM api，您可以创建一个隐藏的音频节点并在 javascript 中调用 play 方法。

步骤1

您可以在 javascript 中动态执行此操作，也可以在 html 中简单地放置一个隐藏的音频节点


<audio id="audioPlayer" style="display:none" autoplay=false>
  <source id="audioSrc" src="foo.wav" type="audio/mp3">
  Your browser does not support the <code>audio</code> element. 
</audio>

第2步

收到流后，您可以设置音频元素的来源

var audioSrc = document.getElementById("audioSrc")
audioSrc.setAttribte("src","http://xx.xx.xxx.x/.global/call_recording_archive/download.php?file=xxxxxxxxxxxxxx-all.mp3");

第 3 步

现在您有了一个音频元素，您可以play在浏览器中调用该元素的方法

var audioPlayer = document.getElementById("audioPlayer")
audioPlayer.play()

补充说明

还有其他方法，例如stop，pause

你甚至可以有更多的控制AudioContext看看这篇文章

推荐阅读