浏览器开启录音及关闭录音方法

停用多媒体流

最新推荐文章于 2025-09-07 17:21:50 发布

转载最新推荐文章于 2025-09-07 17:21:50 发布 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://oomake.com/question/3199565

文章标签：

#chrome #前端 #vue.js #javascript

浏览器API 同时被 3 个专栏收录

1 篇文章

订阅专栏

浏览器录音

1 篇文章

订阅专栏

录音控制

1 篇文章

订阅专栏

本文介绍了一种使用navigator.getUserMedia API启动并停止多媒体流的方法。通过为获取到的媒体流对象mediaStream添加自定义的stop方法，可以实现对音频和视频轨道的分别停止，从而有效地控制多媒体流的录制。

var mediaStream = null;
navigator.getUserMedia({
        audio: true,
        video: true
},
function (stream) {
        mediaStream = stream;
        mediaStream.stop = function () {
                this.getAudioTracks().forEach(function (track) {
                    track.stop();
                });
                this.getVideoTracks().forEach(function (track) { //in case... :)
                    track.stop();
                });
        };
});
// 调用stop方法可全部关闭录音，需要关闭单个可传值进去单个判断
mediaStream.stop();