Я пытаюсь добавить и удалить звуковую дорожку из потока. Функция 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")
}
}
length
, прежде чем пытаться вызвать addTrack 12.11.2020