javascript web api 音频播放

最新推荐文章于 2024-04-08 14:12:24 发布

m0_61761886

最新推荐文章于 2024-04-08 14:12:24 发布

阅读量1.6k

点赞数

分类专栏： javascript 文章标签：音视频前端 javascript

本文链接：https://blog.csdn.net/m0_61761886/article/details/122302260

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>音频播放</title>
</head>
<body>
<H1>网络音频加载播放一次</H1>
<script>

    var rqt=new XMLHttpRequest();//生成一个网络请求
    var audioct=new AudioContext();//生成一个音频环境
    var buffersource=audioct.createBufferSource();//生成一个音频源对象

    function loadsoud()//加载音频源
    {

        rqt.open("GET","80年代低清Dissy - 热爱105度的你.mp3",true);//请求的相关参数和方法
        rqt.responseType="arraybuffer"//请求返回的数据格式
        rqt.addEventListener("load",handledata);//添加侦听器，请求完成成处理数据
        rqt.send();//发送请求
    }


    //数据处理和播放音频
    function handledata(){
        var source=rqt.response;//请求结果赋值给变量

        audioct.decodeAudioData(source).then(
            function (buffer)
        {
            buffersource.buffer=buffer;

        }
                                            );//将请求数据进行解码并传给音频源对象

        buffersource.connect(audioct.destination);//音频源连接到扬声器
        buffersource.start();//音频开始播放


    }

    loadsoud();//程序开始运行

</script>

</body>
</html>