pc浏览器获取音频流,怎样实时传给后台

发布于 2022-09-07 20:13:16 字数 1049 浏览 42 评论 0

代码:
if (navigator.getUserMedia) {

        navigator.getUserMedia(
            // constraints
            {
                //video: true,
                audio: true
            },
            // successCallback
            function (localMediaStream) {
                var audio = document.querySelector('audio');
                console.log(localMediaStream,'嘻嘻嘻');
                audio.src = window.URL.createObjectURL(localMediaStream);
                console.log(audio.src,'吱吱吱')
                // do whatever you want with the video
                audio.play();
            },
            // errorCallback
            function (err) {
                console.log("The following error occured: " + err);
            });
    } else {
        alert("getUserMedia not supported by your web browser or Operating system version");
    }
    
    
    localMediaStream是通过pc端麦克风获取的音频流,可以转化成blob形式的url,加在audio上就可以播放出来。
    问题:localMediaStream这个视频流怎样实时传递给后端,(类似于直播那种),我目前能做到的是将这个音频流先保存成mp3,再传给后台。
    这个视频流怎样实时传递?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

习ぎ惯性依靠 2022-09-14 20:13:16

可以实时的把blob通过ajax提交给后端

动次打次papapa 2022-09-14 20:13:16

视频和音频原理一样,这里以音频为例。

其实这个问题你需要和后台协商的, 假设后台有一个接受文件流的接口,那么代码类似这样:

navigator.getUserMedia(
            // constraints
            {
                //video: true,
                audio: true
            },
            // successCallback
            function (localMediaStream) {
               fetch(url, {
                   method: 'POST',
                   body: localMediaStream
               })
            },
            // errorCallback
            function (err) {
                console.log("The following error occured: " + err);
            });
    } else {
        alert("getUserMedia not supported by your web browser or Operating system version");
    }
像极了他 2022-09-14 20:13:16

大哥,你的问题解决了吗?我也遇到这个问题了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文