TypeError：无法在“ MediaStream”上执行“ addTrack”：参数1的类型不是“ MediaStreamTrack”

如何解决TypeError：无法在“ MediaStream”上执行“ addTrack”：参数1的类型不是“ MediaStreamTrack”

我正在尝试从流中添加和删除音轨。 removeTrack函数有效，但是addTrack函数在调用时会引发以下错误

Uncaught TypeError: Failed to execute 'addTrack' on 'MediaStream': parameter 1 is not of type 'MediaStreamTrack'.
    at addAudio (video.jsx:22)
    at HTMLButtonElement.document.querySelector.onclick (video.jsx:32)

下面是我的代码

    componentDidMount = () => {
        var Mstream;
        const video = document.querySelector("video")
        const hasMedia = () => {
            return navigator.getUserMedia = navigator.getUserMedia || navigator.mozGetUserMedia || navigator.webkitGetUserMedia
        }

        const fetchMedia = () => {
            var constraints = { video: true,audio: true }
            navigator.getUserMedia(constraints,(stream) => {
                Mstream = stream
                video.srcObject = stream
            },(error) => { })
        }

        const addAudio = () => {
            console.log("Adding")
            const audioTracks = Mstream.getAudioTracks()
            Mstream.addTrack(audioTracks[0])
            console.log('Added')
        }

        const removeAudio = () => {
            console.log('removing')
            const audioTracks = Mstream.getAudioTracks()
            Mstream.removeTrack(audioTracks[0])
            console.log('Removed')
        }
        document.querySelector("button#add").onclick = () => addAudio()

        document.querySelector("button#remove").onclick = () => removeAudio()
        hasMedia() && fetchMedia()
    }

编辑

但是它仍然会通过addTrack函数返回相同的错误

        const addAudio = () => {
            console.log("Adding")
            const audioTracks = Mstream.getAudioTracks()
            if(audioTracks.length <= 0){
                Mstream.addTrack(audioTracks[0])
                console.log("Track Added")
            }
            else{
                console.log("Cannot Add Track")
            }

        }

        const removeAudio = () => {
            console.log('removing')
            const audioTracks = Mstream.getAudioTracks()
            if (audioTracks.length > 0) {
                Mstream.removeTrack(audioTracks[0])
            }
            else {
                console.log("Cannot Remove It")
            }
        }

解决方法

MediaStream.getAudioTracks()方法返回一个MediaStreamTrack对象的数组。但是，它不能保证数组中有任何元素。 audioTracks[0]可能是undefined，这将导致发生此错误。