如果我将音频设置为 true,Iphone 和 Ipad 自身视频的 Safari 会冻结
Safari for Iphone and Ipad self video get frozen if I set audio to true
我已经使用 webrtc api 和 jQuery JavaScript 进行了应用视频聊天,但是我在 iPhone 和 iPad 上的 Safari 中遇到了问题,当我接收到远程视频时,自己的视频会冻结,只有当我在我的设置中将音频设置为 true 时才会发生这种情况,
var constraint = {
video: {
minWidth: 270,
minHeight: 270,
minFrameRate: 25,
maxWidth: 270,
maxHeight: 270,
maxFrameRate: 25,
facingMode: 'user'
},
audio: false
}
谁能帮帮我
我能够成功地解决问题,我将音频流和视频流分开克隆我的全局流并以不同的方式处理这两者,这里是帮助我做到这一点的代码,我希望这对某人有所帮助。
function makeAudioOnlyStreamFromExistingStream(stream) {
var audioStream = stream.clone();
var videoTracks = audioStream.getVideoTracks();
for (var i = 0, len = videoTracks.length; i < len; i++) {
audioStream.removeTrack(videoTracks[i]);
}
console.log('created audio only stream, original stream tracks: ', stream.getTracks());
console.log('created audio only stream, new stream tracks: ', audioStream.getTracks());
return audioStream;
}
function makeVideoOnlyStreamFromExistingStream(stream) {
var videoStream = stream.clone();
var audioTracks = videoStream.getAudioTracks();
for (var i = 0, len = audioTracks.length; i < len; i++) {
videoStream.removeTrack(audioTracks[i]);
}
console.log('created video only stream, original stream tracks: ', stream.getTracks());
console.log('created video only stream, new stream tracks: ', videoStream.getTracks());
return videoStream;
}
function handleSuccess(stream) {
var audioOnlyStream = makeAudioOnlyStreamFromExistingStream(stream);
var videoOnlyStream = makeVideoOnlyStreamFromExistingStream(stream);
// Do stuff with all the streams...
}
function handleError(error) {
console.error('getUserMedia() error: ', error);
}
var constraints = {
audio: true,
video: true,
};
navigator.mediaDevices.getUserMedia(constraints).
then(handleSuccess).catch(handleError);
完整示例在这里
我已经使用 webrtc api 和 jQuery JavaScript 进行了应用视频聊天,但是我在 iPhone 和 iPad 上的 Safari 中遇到了问题,当我接收到远程视频时,自己的视频会冻结,只有当我在我的设置中将音频设置为 true 时才会发生这种情况,
var constraint = {
video: {
minWidth: 270,
minHeight: 270,
minFrameRate: 25,
maxWidth: 270,
maxHeight: 270,
maxFrameRate: 25,
facingMode: 'user'
},
audio: false
}
谁能帮帮我
我能够成功地解决问题,我将音频流和视频流分开克隆我的全局流并以不同的方式处理这两者,这里是帮助我做到这一点的代码,我希望这对某人有所帮助。
function makeAudioOnlyStreamFromExistingStream(stream) {
var audioStream = stream.clone();
var videoTracks = audioStream.getVideoTracks();
for (var i = 0, len = videoTracks.length; i < len; i++) {
audioStream.removeTrack(videoTracks[i]);
}
console.log('created audio only stream, original stream tracks: ', stream.getTracks());
console.log('created audio only stream, new stream tracks: ', audioStream.getTracks());
return audioStream;
}
function makeVideoOnlyStreamFromExistingStream(stream) {
var videoStream = stream.clone();
var audioTracks = videoStream.getAudioTracks();
for (var i = 0, len = audioTracks.length; i < len; i++) {
videoStream.removeTrack(audioTracks[i]);
}
console.log('created video only stream, original stream tracks: ', stream.getTracks());
console.log('created video only stream, new stream tracks: ', videoStream.getTracks());
return videoStream;
}
function handleSuccess(stream) {
var audioOnlyStream = makeAudioOnlyStreamFromExistingStream(stream);
var videoOnlyStream = makeVideoOnlyStreamFromExistingStream(stream);
// Do stuff with all the streams...
}
function handleError(error) {
console.error('getUserMedia() error: ', error);
}
var constraints = {
audio: true,
video: true,
};
navigator.mediaDevices.getUserMedia(constraints).
then(handleSuccess).catch(handleError);
完整示例在这里