audio语音流播放

最新推荐文章于 2024-06-08 09:43:37 发布

奋斗喵

最新推荐文章于 2024-06-08 09:43:37 发布

阅读量332

点赞数

文章标签： javascript html5

本文链接：https://blog.csdn.net/qq_41329287/article/details/129681407

版权

audio语音流播放

<div>
  <h2>语音流播放</h2>
  <audio id="voice" controls>
    <source src="" >
  </audio>
</div>


<script>
  var url = "xxx";
  var xhr = new XMLHttpRequest();
  xhr.open("POST", url, true);
  xhr.setRequestHeader("Content-type", "application/json");
  xhr.send(params);
  xhr.responseType = "arraybuffer"; 
  xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
      var url = new Blob([xhr.response], {type: "audio/mpeg"});           
      let voice = document.getElementById("voice")
      voice.src = url;
      voice.load(); //播放新链接前必须重载一下，否则播放的还是上一次的音源
      voice.play();
      // voice.pause(); // 暂停音频
    }
  }
</script>