我正在开发一个视频录制的Web应用程序。
我已经尝试了下面的代码,但问题是它与外部摄像头工作正常,但在笔记本电脑的内置摄像头与相同的浏览器,它没有发现对象发现错误。
我使用的是Firefox 60.6.1
if (navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia(constraints)
.then(function(stream) {
//load the stream in the video variable
video.srcObject = stream;
//load the stream in revokeAccess variable
revokeAccess=stream;
//video playback
video.play();
/*
Optional to avoid the dual audio disturbance. Playback audio is muted
*/
video.muted= true;
if (MediaRecorder.isTypeSupported('video/webm;codecs=vp9')) {
var options = {mimeType: 'video/webm;codecs=vp9'};
console.log("using vp9");
} else if (MediaRecorder.isTypeSupported('video/webm;codecs=h264')) {
var options = {mimeType: 'video/webm;codecs=h264'};
console.log("using h264");
} else if (MediaRecorder.isTypeSupported('video/webm;codecs=vp8')) {
var options = {mimeType: 'video/webm;codecs=vp8',videoBitsPerSecond : 1500000,audioBitsPerSecond : 160000};
console.log("using vp8");
}else{
console.log('isTypeSupported is not supported, using default codecs for browser');
}
//load the stream and type of video in the function
mediaRecorder = new MediaRecorder(stream,options);
//handle the data availability
mediaRecorder.ondataavailable = handleDataAvailable;
//Start the recording
mediaRecorder.start();
alert("Started Recording");
//push the data into chunks(array)
function handleDataAvailable(event) {
if (event.data.size > 0) {
recordedChunks.push(event.data);
console.log(recordedChunks);
} else {
alert(event);
}
}
//disable the Start Recording button
document.getElementById("startRecording").disabled = true;
})
.catch(function(error) {
//handle the device not found exception
alert("Camera not Found !! Please connect camera properly");
console.log(error);
});
}
我希望应用程序在每个平台上运行。
大家好,感谢您的支持和快速回复。
我在代码中使用以下适配器添加修复了问题。
var getUserMedia = navigator.getUserMedia ||
navigator.mozGetUserMedia ||
navigator.webkitGetUserMedia;
如果要支持旧版浏览器,请检查以下内容。
https://github.com/webrtcHacks/adapter
WebRTC适配器
adapter.js是一个填充程序,可以将应用程序与规范更改和前缀差异隔离开来。实际上,用于WebRTC实现的标准和协议非常稳定,并且只有少数前缀名称。有关完整的互操作信息,请参阅webrtc.org/web-apis/interop。
此存储库曾经是github上的WebRTC组织的一部分,但已被移动。我们的目标是使用新版本更新旧存储库。
此外,您可以从firefox检查您的硬件环境。
在浏览器类型的地址栏中如下
约:支持