javascript - works - mediadevices.getusermedia() demo

navigator.mediaDevices.getUserMedia no funciona y tampoco lo hace webkitGetUserMedia

Question

He estado usando el método webkitGetUserMedia (getUserMedia a través de adapter.js) para obtener la cámara y el microhpone para webRTC en mi aplicación web. Mi servidor no es seguro (sin certificado SSL). Todo funcionó bien hasta que comencé a recibir un error que decía: "getUserMedia () ya no funciona en orígenes inseguros. Para usar esta función, debes considerar cambiar tu aplicación a un origen seguro, como HTTPS. Ver https://goo.gl/rStTGz para más detalles ".

Busqué en Google y vi que ahora en Chrome necesito usar navigator.mediaDevices.getUserMedia (). Estoy usando Chrome 47.0.2526.80 m, y en esta página https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia dice que este método debería ser compatible con esta versión. Sin embargo, cuando llamo a navigator.mediaDevices.getUserMedia, me sale indefinido. Así que ahora no puedo usar ninguno de los métodos en Chrome.

¿Alguien por favor me puede ayudar con este problema. Gracias

Answer 1

Aún puedes usar el nombre del método antiguo en Chrome 47, siempre y cuando uses https . El cambio de nombre es ortogonal al nuevo requisito de 47 de origen seguro. Ver otras respuestas.

En los métodos que faltan: navigator.mediaDevices.getUserMedia se volvió a colocar bajo una bandera en Chrome, por lo que debe activar chrome://flags/#enable-experimental-web-platform-features o usar una versión reciente de adapter.js , como aquí: https://stackoverflow.com/a/34230983/918910 .

Answer 2

La última actualización de google-chrome hace que getUserMedia funcione solo en orígenes seguros. Hay un método para hacerlo funcionar, pero solo para propósitos de desarrollo. Simplemente ejecuta Chrome usando cmd con estas opciones

--unsafely-treat-insecure-origin-as-secure = "example.com"

y esta opción para usar un nuevo perfil de usuario.

--user-data-dir = / test / only / profile / dir

Para tu información, getUserMedia funciona en firefox hasta ahora, pero en mi opinión, recomendará un origen seguro como google-chrome.

Answer 3

Según la nueva actualización de Chrome (de Google Chrome 47), getUserMedia () ya no se admite en el navegador Chrome en http: // (Origen no seguro), funcionará en https: // (Origen seguro)

Para fines de desarrollo,

1.localhost se trata como un origen seguro a través de HTTP, por lo que si puede ejecutar su servidor desde localhost, debería poder probar la función en ese servidor.

2.Usted puede ejecutar Chrome con el --unsafely-treat-insecure-origin-as-secure="http://example.com" (reemplazando "example.com" con el origen que realmente desea probar), que Trataremos ese origen como seguro para esta sesión. Tenga en cuenta que también debe incluir --user-data-dir=/test/only/profile/dir para crear un perfil de prueba nuevo para que funcione la bandera.

referencia: sites.google.com/a/chromium.org/dev/Home/chromium-security/…