TypeError:未定义不是对象(计算“”navigator.mediaDevices.getUserMedia“”)
TypeError:未定义不是对象(计算“navigator.mediaDevices.getUserMedia”)
这个错误是由于尝试在未定义的对象上调用方法而引起的。具体来说，这个错误是由于尝试在navigator.mediaDevices对象上调用getUserMedia方法时，该对象未定义导致的。
getUserMedia是一个用于从用户的摄像头和麦克风获取媒体流的API。它通常用于实现视频通话、音视频录制、视频监控等功能。
要解决这个错误，需要确保navigator.mediaDevices对象已正确定义。这可以通过以下几种方式来实现：
- 检查浏览器兼容性：首先，确保你的浏览器支持getUserMedia方法。可以通过检查浏览器的兼容性表格或使用现代浏览器来验证。
- 检查HTTPS连接：getUserMedia方法通常要求在安全的HTTPS连接下才能正常工作。如果你的网站是通过HTTP连接访问的，尝试将其切换到HTTPS。
- 检查权限：getUserMedia方法需要用户授权才能访问摄像头和麦克风。确保在调用getUserMedia之前，已经通过适当的用户界面（如浏览器的权限请求对话框）获得了必要的权限。
- 检查代码逻辑：如果以上步骤都没有解决问题，那么可能是代码中存在逻辑错误。请仔细检查调用getUserMedia方法的代码，确保没有语法错误或逻辑错误。
腾讯云提供了一系列与音视频处理相关的产品和服务，可以帮助开发者实现各种音视频应用。其中，腾讯云实时音视频（TRTC）是一个强大的实时音视频云服务，提供了高质量、低延迟的音视频通信能力，适用于在线教育、视频会议、直播等场景。您可以通过以下链接了解更多关于腾讯云实时音视频的信息：
腾讯云实时音视频（TRTC）产品介绍：https://cloud.tencent.com/product/trtc
请注意，以上答案仅供参考，具体解决方法可能因具体情况而异。在实际开发过程中，建议结合具体错误信息和相关文档进行综合分析和调试。
相关·内容
1回答
我正在尝试启用麦克风以允许用户录制音频，但我收到以下错误：
未捕获的TypeError:无法读取activateMicrophone处未定义的属性“”getUserMedia“”
navigator.mediaDevices.getUserMedia({audio: true, video:false})
.then(stream => {
handlerFunction(stream, $audioSelect.siblings(".recordedAudio"));
$("
浏览 0提问于2019-11-06得票数 10
回答已采纳
2回答
我有一个奇怪的角度(v9)行为：
我有以下代码：
public devices = [];
constructor(...){
navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
navigator.mediaDevices.enumerateDevices().then(p => this.devices = this.gotDevices(p));
});
}//end of constructor
public gotDevices(deviceInfos){..
浏览 3提问于2020-04-29得票数 0
当从本地主机提供服务时，以下代码可以正常工作，但部署到Heroku时会失败，声明: TypeError: navigator.mediaDevices未定义
navigator.mediaDevices.getUserMedia({audio: true, video: true}).then(function(stream){
video = $('#myVid')[0];
video.srcObject = stream;
video.onloadedmetadata = function(e) {
video.play();
浏览 4提问于2019-12-14得票数 1
回答已采纳
1回答
我用玩笑来运行我的单元测试，但是我得到了一个错误。
TypeError: Cannot read properties of undefined (reading 'getVideoTracks')
关于如何在jest中测试下面一行的任何建议
[videoTrack] = (await navigator.mediaDevices.getUserMedia({video: true})).getVideoTracks();
我的单元测试文件-
import { Track } from './Track';
import { } from '../ind
浏览 17提问于2022-04-05得票数 1
回答已采纳
我正在尝试用视频标签实现一个网络摄像头到一个网站。它在Chrome中工作，但是FireFox和IE在控制台中返回错误。有人知道为什么吗？谢谢!
代码：
navigator.getMedia = navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mediaDevices.getUserMedia ||
navigat
浏览 0提问于2016-06-07得票数 6
1回答
我试过了，但是有一个错误，"TypeError:无法读取未定义的属性(读取‘停止’)“，我正在调用函数的按钮点击这里也是函数:)
const getAudio= async ()=>{
let device = await navigator.mediaDevices.getUserMedia({audio: true});
let chunks = [];
let recorder;
device.then(stream => {
recorder = new MediaR
浏览 8提问于2021-12-10得票数 0
我有一个反应应用程序，应该记录音频从麦克风，并将其发送到后端。麦克风输入用navigator.mediaDevices.getUserMedia实现。该页面在本地主机和我的wifi网络中的其他设备上运行得很好(为此，我不得不用https启动我的react应用程序)。但是当我用这个网站：测试它时，我得到了以下错误: TypeError:无法读取未定义的属性'getUserMedia‘。我不知道为什么不可能在这个网站上测试这个应用程序。
浏览 3提问于2021-05-23得票数 7
回答已采纳
我正在努力跟踪webrtc中的静音事件，我已经订阅了设备更改并跟踪静音，
export const subscriptions: subscriptionType = {
events: {
'device:changed': <eventListeners> new Map(),
'track:mute': <eventListeners> new Map()
},
};
在我的订阅
/**
* Obtains multiple subscriptions for various media events an
浏览 3提问于2022-01-21得票数 0
我的代码：
var a = "1",
b = "hello",
c = { "100" : "some important data" },
d = {};
d[a]["greeting"] = b;
d[a]["data"] = c;
console.debug (d);
我得到以下错误：
未定义的TypeError:无法设置未定义的属性“问候”。
我试图做一些类似于关联数组的事情。为什么这不管用？
浏览 5提问于2011-09-20得票数 150
回答已采纳
我试图用navigator.getUserMedia替换不推荐的navigator.mediaDevices.getUserMedia，但在尝试时我得到了以下错误：
TypeError:无法设置未定义的属性“localStream”
这是我的HTML：
<video ref="videoPlayer" hide.bind="screenSharing" id="videoPlayer" autoplay muted></video>
我正在使用Aurelia环境，我的javascript是这样的：
attac
浏览 0提问于2019-02-05得票数 0
回答已采纳
试图在JavaScript和WebRTC中获得从返回的的引用/承诺。
JavaScript在Chrome上运行，Safari在iOS和Android上运行。
navigator.mediaDevices.getUserMedia(session, initRec , onErr);
这会抛出TypeError: undefined is not an object (evaluating 'navigator.mediaDevices.getUserMedia')
好吧，让我们试一试稍微老一点的方法：
navigator.getUserMedia(parms,initfunc,
浏览 7提问于2017-06-15得票数 3
回答已采纳
我正在尝试做一个小项目，我需要得到一个网络摄像头流。我读了很多文章，并关注了它们，但它们都出现了相同的错误。
无法设置null TypeError的属性“srcObject”
function James() {
var video = document.getElementById('video');
var select = document.getElementsByClassName('select');
function handleError(error) {
console.log('navigat
浏览 17提问于2019-11-09得票数 0
回答已采纳
3回答
constructor(props) {
super(props);
this.state = ({
childData: [],
test: []
});
}
componentDidMount() {
let userId = firebase.auth().currentUser.uid;
firebase.database().ref('poolog/' + userId).on('value', (snapshot) => {
let test = [];
浏览 0提问于2019-05-16得票数 4
1回答
为什么在将属性添加到另一个属性时会出现未定义的错误
var object={};
object["test"]= 404;
console.log(object);
{ test: 435 } // Output
上面的操作很好，但是当我尝试添加更多的属性以便有更多的属性阶段时，我会收到未定义的错误。
var object={};
object["test"]["why"]= 404;
console.log(object);
TypeError: Cannot set property 'why' of u
浏览 3提问于2021-01-27得票数 0
回答已采纳
1回答
我在这里找到了一个如何设置一个角度应用程序来录制音频的示例：
在本地工作类似于一个符咒，但是当我构建它并将它抛到服务器上时，我得到了以下错误: ERROR TypeError:无法读取未定义属性(读取'getUserMedia')和错误TypeError:无法读取未定义属性(读取‘停止’)
知道为什么它会在本地工作，而不是在服务器上工作吗？
下面是类型脚本代码(也可以在上面的文章链接中找到)：
import { Component } from '@angular/core';
declare var $: any;
import * as RecordRTC
浏览 3提问于2022-03-24得票数 0
在运行脚本时，我得到了“未定义的TypeError:无法读取未定义的属性'getContext‘”这个错误。似乎变量“画布”是未定义的，但我不知道为什么。
var world = {
canvas: document.getElementById("myCanvas"),
context: this.canvas.getContext("2d"),
centerX: this.canvas.width / 2,
centerY: this.canvas.height / 2,
drawShape: function
浏览 5提问于2016-02-25得票数 2
回答已采纳
我正在尝试在我的Qt项目中使用navigator.mediaDevices.getUserMedia来实现QWebView。在html中，我使用了正常工作的标准代码：
<style>
#container {
margin: 0px auto;
width: 500px;
height: 375px;
border: 10px #333 solid;
}
#videoElement {
width: 500px;
height: 375px;
background-color: #666;
}
</style>
浏览 8提问于2022-06-05得票数 0
1回答
这是HTML代码
<video ref={videos} autoPlay ></video>
<Button onClick={() =>
navigator.mediaDevices.getUserMedia({audio: true, video: true}).then((mediaStream) => {
videos.srcObject = mediaStream;
videos.onloadedmetadata = function(e) {
videos.play();
};
}
)}>Recor
浏览 7提问于2021-01-07得票数 0
回答已采纳
我有下面的代码，它将触发Nuxt中的摄像机，这样我就可以捕捉到图像，但是我一直收到一个错误的信息：
无法读取未定义的属性(读取“getUserMedia”)
navigator.mediaDevices.getUserMedia(constraints).then((stream) => {
player.srcObject = stream;
});
这是一种方法。我没有马上的东西。
有人能帮帮我吗？
浏览 13提问于2022-08-03得票数 0
回答已采纳
我刚开始使用Knockout.js框架，我的代码中出现了以下错误，我正在使用Knockout.js构建一个应用程序，除了我试图创建一个dependentObservable之外，一切都很好。
这是javascript代码：
(function() {
'use strict';
console.log("This is my Application");
var app = {
mapElement: document.getElementById('map'),
mapObj: ma
浏览 3提问于2017-06-08得票数 0
回答已采纳
我正试着用笔记本相机拍一张快照。
以前工作得很好，但现在我的控制台出现了一个错误：
错误错误: Uncaught (为了承诺)：TypeError:未能在‘URL’上执行'createObjectURL‘：没有找到与提供的签名匹配的函数。
下面是我的代码(component.ts)：
public ngAfterViewInit() {
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMed
浏览 0提问于2018-12-05得票数 3
1回答
我正在测试一个webrtc实现。我目前能够访问我的桌面计算机上的navigator.mediaDevices.getUserMedia。然而，当我使用我的移动电话上的计算机IP地址打开我的localHost时，我收到一条消息说navigator.mediaDevices.getUserMedia是未定义的。
在我的计算机上导航到： (这可以工作，并允许我访问我的视频流)
在我的手机上，我导航到：
http://<my ip address>:3000/basic-p2p/#8922097
(这将在我的手机上打开webapp，但导航器对象未定义)
或
http://127.0.0.1
浏览 7提问于2021-11-23得票数 0
回答已采纳
我正在尝试配置使用Redux、Saga和来配置本机。
很抱歉，我不得不创建一个gist，因为代码格式不允许我粘贴这里的所有代码。
我得到了
TypeError:未定义不是对象(计算'_ref.state) showReducers.js:13:15
我使用expo-client来响应本地应用程序开发，并使用Redux、Redux和Redux-持久化来实现存储持久性。
我不能向前走
浏览 0提问于2020-05-01得票数 2
回答已采纳
我想打开一个照相机扫描器，下面是在android中正常工作的代码，但是在ios中出现了一个错误。
'navigation.mediaDevices.getUserMedia')： TypeError:未定义不是对象(求值TypeError)
以下是完整的教程链接 --非常感谢您的帮助
async startScan() {
// Not working on iOS standalone mode!
const stream = await navigator.mediaDevices.getUserMedia({
video: { facingMode: &
浏览 7提问于2020-07-14得票数 2
回答已采纳
请帮助我们的，因为我是新的记录new功能，我得到了这个错误，navigator.mediaDevices.getUserMedia‘未定义’不是一个对象，它不是只在safari中工作。
提前感谢
浏览 3提问于2017-09-24得票数 1
回答已采纳
我的目标是这样的：
{
"container_status": {
"name": "/dev-ms",
"port": {
"2233/tcp": [
{
"HostPort": "123"
}
]
}
}
}
我想显示键HostPort的值
我试着这样做：
conso
浏览 0提问于2019-09-07得票数 1
回答已采纳
var globalVar = globalVar || {};
globalVar.object1 = {};
globalVar.object1.object2 = { a: "hello" }
(function(x){
x.hello = 'its me';
}(globalVar.object1.object2));
为什么我不能将globalVar.object1.object 2作为对象传递给var x？它返回一个错误。
of 3167:5未定义的TypeError:无法设置未定义的属性“hello”
浏览 1提问于2017-05-06得票数 0
回答已采纳
2回答
我得到的是未定义的错误类型，它不是.empty()方法上的函数。代码是
title: "Criteria: "+ (criteriaText.empty() ? (criteriaIncludeText.empty()? criteriaExcludeText : criteriaIncludeText) : criteriaText)
在上面的代码中，criteriaText和criteriaIncludeText都有值。我可以从我的警告信息中看出这一点。使用的jQuery版本为1.7。我不太清楚为什么它会给出未定义的typeerror，当有适当的值时，它不是一个函数。COu
浏览 3提问于2014-11-03得票数 1
回答已采纳
为什么当我试图访问不存在的属性时，javascript不抛出类型错误？
我的代码在下面
var array = [];
var someBoolean1 = array[0] && array[0].hey;
someBoolean的值原来是“未定义的”；我预计javaScript会抛出一个类型错误；
当我这么做
var array = [];
var someBoolean2 = array[0].hey;
按预期抛出typeerror。
但是我不明白为什么在第一个代码块中没有类型错误。有什么想法吗？
浏览 2提问于2016-03-16得票数 1
回答已采纳
2回答
我需要帮助"TypeError:无法读取属性‘缓存’的未定义“。 let members = guild.members.cache
.filter(function (member) {
return member.user.bot === false && member.user.id != member.guild.ownerID;
})
.map(function (member) {
浏览 26提问于2021-02-06得票数 0
回答已采纳
我使用的是vue.js和元素-ui库，我有一个问题，我需要显示这个对话框组件才能显示相机和用户的音频，但是我在控制台中有以下错误
TypeError:无法设置未定义的属性“srcObject”
如您所见，首先我调用已安装的实例，它在其中收集用户的视频和音频信息，在显示对话框函数中，我正在恢复数据。
以下是代码：
<template>
<div class="main-background">
<el-main>
<el-row class="opt
浏览 4提问于2021-08-30得票数 0
回答已采纳
我有这样的密码：
parent.document.getElementById("test").value ="1";
但是它在铬上不起作用。错误是：
“未定义的TypeError:不能调用未定义的方法'getElementById‘
任何帮助都是预先感谢的！:)
浏览 3提问于2010-12-21得票数 1
我的vue组件中有这段代码，当我将它构建为web组件时，我得到了错误的TypeError:无法读取空(读'attachShadow')的属性，我使用以下命令构建了vue组件: vue-cli-service build -target wc -name web-stream‘./src/Component.vue’
模板部分看起来如下：
<template>
<div id='stream'>
<button v-on:click="startStreaming">
Start Stream
浏览 9提问于2022-09-08得票数 0
我用的是AudioContext，程序上用的是打字本。
这是我的密码：
/**
* Checks for getUserMedia
*
* @params: none
* @returns: any
*/
public hasGetUserMedia(): any {
const mediaservices = !!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia);
console.log('Media Services: ', navigator.mediaDevi
浏览 4提问于2019-10-11得票数 2
2回答
这基本上是两个错误，但它们是同时发生的，因为第二个错误可以追溯到第一个错误。
未定义的TypeError:无法设置未定义的属性“参与者”
未定义的TypeError:无法读取未定义的属性“CreatePlayer”
var TotalPlayers = 0;
Player.Players = [];
Player.CreatePlayer = function (name, Class, rank) {
TotalPlayers ++;
Player.Players[TotalPlayers] = {
name: name,
Class: Cl
浏览 0提问于2015-02-24得票数 0
回答已采纳
在Safari10.1.2中，我在获取<script src="//cdn.sinch.com/latest/sinch.min.js"></script>资源时遇到以下错误
TypeError: undefined is not an object (evaluating 'navigator.mediaDevices.getUserMedia') sinch.min.js:1:148652
这会阻止客户端被实例化。
浏览 12提问于2017-12-20得票数 0
1回答
我从角2开始，从角1开始，我不知道如何在对象的属性上使用ngFor。this.myVar是根据HTTP请求的结果定义的，该请求定义了attr属性。
这是我的密码：
# my_page.ts
import {Page} from 'ionic-angular';
import {MyService} from '../../services/my_service';
@Page({
templateUrl: 'build/pages/my_page/my_page.html',
providers: [MyService]
})
ex
浏览 2提问于2016-04-12得票数 9
回答已采纳
1回答
如何解决此错误：
core.js:1449错误:未定义(承诺)：TypeError:无法读取未定义的TypeError的属性“片段”：无法读取未定义的属性“段塞”
我的代码：
this.WooCommerce.getAsync("products?filter[category]=" + this.category.slug).then((data) =>{
console.log(JSON.parse(data.body));
浏览 1提问于2018-10-15得票数 1
2回答
访问IFrame
、、、
当我试图访问iframe时，我会得到这个错误，我不知道我做错了什么。有人能帮我解决这个问题吗？
var ifrm = document.getElementById('iframe'),
ifrm = (ifrm.contentWindow) ? ifrm.contentWindow :
(ifrm.contentDocument.document)
? ifrm.contentDocument.document :
浏览 1提问于2012-07-03得票数 0
回答已采纳
在从Chrome 73升级到74之后，navigator.getUserMedia和navigator.webkitGetUserMedia返回未定义的内容。
在这里，我看到getUserMedia实际上是反对navigator.mediaDevices.getUserMedia()的，但在我的例子中，navigator.mediaDevices也是未定义的，所以我不能使用它。
有人知道它是Chrome最新版本中的一个bug，还是我需要使用其他东西？
浏览 5提问于2019-05-06得票数 8
回答已采纳
在过去，navigator.mediaDevices.getUserMedia()在WKWebView上是不可用的，但现在作为iOS 14.3的一部分添加了它，如下链接所示：
(原始thread) )(见注3) )
但是，我将应用程序的部署目标更新为iOS 14.3，然后将Safari调试器附加到WKWebView，但在JS控制台上运行时，navigator.mediaDevices仍然返回未定义的内容。在上面的第三个链接中，有一些关于使用getUserMedia的步骤的建议。
navigator.mediaDevices.getUserMedia现在可以公开给WKWebView应用程序了
浏览 70提问于2021-07-22得票数 3
回答已采纳
1回答
我想在挠性滑块模块中停止自动滑翔机。
未定义的TypeError:$不是函数
jQuery(window).load(function($) {
$('#testvideo').flexslider({ //undefined TypeError:$ is not a function
slideshow: false
});
});
如何修复错误
浏览 3提问于2017-01-31得票数 0
1回答
我的嵌套数组遇到了麻烦。我有一个目标：
{ name: 'house',
url: 'www.mockhouse.com',
thumb: myImage,
describe: 'another project',
tech: ['react', 'fetch', 'SASS', 'HTML'] },
当我试图映射技术数组(即嵌套数组)时，如下所示：
<GalleryWrapper>
{props.projectArray.map((
浏览 2提问于2022-08-15得票数 2
2回答
我尝试过Hello示例，方法是从另外两个组件返回Hello和world，但在这里，我不能返回Menubar组件，而Map组件只能返回Map。
App.js
import React from 'react';
import ReactDOM from 'react-dom';
import Map from './components/Map'
import Menubar from './components/Menubar'
var App = React.createClass({
render: function(){
浏览 5提问于2016-11-01得票数 1
回答已采纳
2回答
我想通过代码创建这样的数组。
let arr = {
'First': {
'bg': 'a',
'fg': 'b'
},
'Second': {
'bg': 'c',
'fg': 'd'
}
};
这不管用：
未定义TypeError:无法设置未定义的属性(设置'bg')
var arr = [];
arr['Fi
浏览 4提问于2022-04-30得票数 -1
回答已采纳
我正在尝试用用户的摄像头录制视频并保存视频。但是，当我单击“记录”按钮时，我的javascript代码会得到以下错误：
script.js:17 Uncaught TypeError: webCamStream.record is not a function
at startRecording (script.js:17)
at HTMLButtonElement.onclick (page1.html:10)
script.js：
if (navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getU
浏览 2提问于2020-05-12得票数 3
回答已采纳
1回答
从数据中获取数据值
、、、
我尝试将字符串值赋给基于布尔变量的变量。 下面是我得到的代码： Vue warn:数据错误()："TypeError:无法读取未定义的属性'check‘“ TypeError:无法读取未定义的属性'check‘ 诸若此类。 <v-text-field
...
:placeholder="placeholder"
...
></v-text-field> data: () => ({
...
check: false,
placeholder: this.check === false ? &#
浏览 10提问于2019-06-21得票数 0
3回答
jQuery数组对象获取值
、、、、
嘿，我只有以下代码：
var items = [];
$(xml).find("Placemark").each(function () {
var tmp_latLng = $(this).find("coordinates").text();
tmp_latLng = tmp_latLng.split(",");
items.push({
name: $(this).find("name").text(),
snippet: $(this).find("Sni
浏览 1提问于2014-11-04得票数 0
回答已采纳
1回答
我目前正在尝试格式化vuetify表中的行(数组中的值应该使用逗号和空格使用.join()显示)。为此，我使用了一个动态#项。插槽。只要我不使用join等，它就能正常工作。这个方法很有效：
<template
v-for="itm in filteredItem"
v-slot:[`item.${itm}`]="{ item }"
><span :key="itm" class="red--text">{{
浏览 2提问于2020-03-31得票数 0
回答已采纳
4回答
在我的示例ReactJs应用程序中，我使用 --它使用navigator.mediaDevices.getUserMedia和MediaRecorder API记录视频。
我可以从Chrome录制视频，但在Safari，我无法捕捉到视频。这个错误就像
未定义MediaRecorder。
有人能帮我一下吗？
Safari支持基本的视频捕获吗？
浏览 0提问于2019-01-24得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
