Notreadableerror could not start video source как исправить

Как исправить ошибку “Notreadableerror: could not start video source” в javascript

Эта ошибка появляется когда вы вызываете getUsermedia, обычно на мобильных телефонах. Причиной обычно является то что вы не правильно “выключаете” вашу камеру перед послеующими действиями над ней. Например у меня ошибка появлялась когда я создал функцию смены камеры с фронтальной на пользовательскую. 

Чтобы решить эту проблему вам нужно перед последующими вызовами getUserMedia “закрывать” камеру. Делается это так:

mediastream.getTracks().forEach(track => track.stop())

В переменной mediastream должен быть результат предыдущего вызова getUserMedia. После  этого вы можете запустить getUserMedia заного, с новыми параметрами которые вы хотите задать итд.

Вот как я решил эту задачу через VueJS:

<template>
  <div>
    <div>
      <button @click="rotateCamera">Rotate</button>
    </div>
    <video ref="cameraPicture" :srcObject.prop="mediastream" autoplay muted></video>
    <record-button ref="record" @start-recording="startRecording" @stop-recording="stopRecording" v-if="mediastream"/>
  </div>
</template>
<script>
import Vue from "vue";
import recordButton from "./RecordButton"
export default Vue.component('record-screen', {
  data() {
    return {
      mediastream: "",
      front: false,
    };
  },
  methods: {
    rotateCamera: function() {
      this.front = !this.front;
    },
    updateMedia: function(){
      var constraints = { audio: true, video: { facingMode: (this.front? "user" : "environment") } };
      navigator.mediaDevices.getUserMedia(constraints)
        .then((mediaStream) => {
            this.mediastream = mediaStream
            this.mediaRecorder = new MediaRecorder(mediaStream, {mimeType : 'video/webm;codecs=h264'});
            this.mediaRecorder.ondataavailable = (blob) => {
              this.$emit('setParentState', 'recorded_video', blob.data)
              this.$emit('nextStage')
            }
        })
    },
    startRecording: function(){
      this.mediaRecorder.start()
    },
    stopRecording: function(){
      this.mediaRecorder.stop()
    }
  },
  mounted(){
    this.updateMedia()
  },
  watch: {
    front: function () {
      this.mediastream.getTracks().forEach(track => track.stop());
      this.updateMedia()
    },
  }
});
</script>

Популярные сообщения из этого блога

NotReadableError: не удалось выделить видеопоток

Я получаю эту ошибку в Firefox 51, когда пытаюсь выполнить следующий код, и когда я выбираю свою камеру для ноутбука:

Может кто-нибудь уточнить, что это значит? Разбита ли моя веб-камера? Вчера я использовал его с script без проблем. Он не выделяется для другого приложения.

ОТВЕТЫ

Ответ 1

Чаще всего это происходит в Windows, потому что веб-камера уже используется другим приложением. Firefox выдаст эту ошибку как в Windows, так и в Mac, даже если только процессы Windows получают эксклюзивный доступ к веб-камере.

Ошибка может произойти по другим причинам:

Хотя пользователь предоставил разрешение на использование соответствующих устройств, произошла аппаратная ошибка на уровне операционной системы, браузера или веб-страницы, которая препятствовала доступу к устройству.

Ответ 2

Пожалуйста, убедитесь, что ваша камера не используется каким-либо другим приложением (хром, то есть или любой другой браузер). Я потратил свой день на поиски решения, и, в конце концов, выяснил, что моя камера была использована другим приложением.

Ответ 3

Может кто-нибудь уточнить, что это значит? Моя веб-камера сломана? Я использовал его из сценария только вчера без проблем. Это не относится к другому приложению.

Я столкнулся с точно такой же проблемой!

Мне стыдно! Потому что тем временем я добавил событие beforeunload, включая event.preventDefault как event.preventDefault в примере.

Ответ 4

Я столкнулся с той же проблемой в Windows 10, другие приложения, использующие мое видеоустройство, отсутствуют. Проблема заключалась в том, что в Windows 10 в Settings-> Разрешения приложений (в левом столбце) есть настройка для микрофона и камеры (Разрешить приложениям доступ к вашему микрофону/камере), которую необходимо включить. Неважно, что вы не найдете свой браузер в списке приложений под этой настройкой, просто включите его здесь и вуаля.

Ответ 5

Сообщение getUserMedia() error: NotReadableError отображался для Chromium, но не для веб-браузера Firefox. Я также заметил, что примеры WebRTC, использующие функцию getUserMedia без доступа к микрофону, работали правильно в Chromium.

Фактически я должен был убедиться, что мой микрофон включен и выбрать правильный микрофон в настройках Chromium/Chrome. Тогда WebRTC с аудио и видео доступом работал корректно.

Если это не проблема с микрофоном, это также может быть проблема с веб-камерой, поэтому вы должны убедиться, что ваша веб-камера включена и правильно выбрана в настройках Chromium/Chrome.

Обратите внимание, что только одно приложение одновременно может использовать веб-камеру/микрофон.

Источник

NotReadableError: Could not start video source #241

I updated ngx-scanner from 1.5.3 to 2.0.1 and modified call of zxing-scanner.
But when i run my web app, i receive this message on logs : NotReadableError: Could not start video source

My code :
scan-qrcode.page.html :

The text was updated successfully, but these errors were encountered:

We are unable to convert the task to an issue at this time. Please try again.

The issue was successfully created but we are unable to update the comment at this time.

If i move :
[(device)]=»selectedCamera»
from HTML to typescript code :
this.scanner.device = this.selectedCamera;
it seems to be working.
=> the documentation is not very precise about the obligation to set «device».
=> it’s working, but i have always the same error with a new warning :

Sorry, I’m not familiar with this error or obligation, device shouldn’t be required as well. 🤔

I am getting the same error when testing on Samsung Galaxy note 10, on chrome.
I don’t get this error on Pixel XL, or IOS. The demo from https://www.npmjs.com/package/@zxing/ngx-scanner was tested.

Is there anything device specific that might be causing it?

I am doing some testing on my local machine and I run into this issue when I purposely disable one of the cameras (When I don’t disable it, it works fine). The camera still shows up on the camerasFound event when I would think it wouldn’t. I am running this on a Windows 10 machine. I would have thought the other camera that exists would be used instead.

If i move :
[(device)]=»selectedCamera»
from HTML to typescript code :
this.scanner.device = this.selectedCamera;
it seems to be working.
=> the documentation is not very precise about the obligation to set «device».
=> it’s working, but i have always the same error with a new warning :

I updated ngx-scanner from 1.5.3 to 2.0.1 and modified call of zxing-scanner.
But when i run my web app, i receive this message on logs : NotReadableError: Could not start video source

My code :
scan-qrcode.page.html :

were you able to make this work? strange thing is I was using this successfully on a windows 10 with latest Chrome, but not able to use it on another machine with win10 and Chrome. Getting this error, checked all the permissions are granted, but not able to start the feed.

Источник

Нет видеопотока с камеры

Не могу понять в чем дело, если открыть страницу через яндекс браузер с телефона и разрешить доступ к микрафону и камере, работает.

Если сделать все тоже самое на пк, тот же браузер. Почему то нет видеопотока и звука, разрешения выставлены на камеру и микрафон, а в ответ получаю

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Проксирование видеопотока с камеры
Камера предоставляет поток в таком виде.

Обработка видеопотока с камеры
Нужно получить доступ к видеопотоку с камеры и записывать его в отдельный файл. Хотелось бы узнать.

Захват и обработка видеопотока с VDR-камеры
Такой вопрос: как с помощью C# захватить и обработать видеопоток с VDR-камеры? нужно будет.

Решено х-к Атлант МХМ1848 ХХКШД359/154 нет отключения, Нет отключения холодильной камеры
Ошибки не выдаёт.Холодильник за 100 км. Предположительно требуется замена датчика,родной надо.

Помощь в написании контрольных, курсовых и дипломных работ здесь.

В Windows 7 после установки нет камеры
На ноутбуке Lenovo установил windows7. Все драйверы установились нормально, кроме встроенной.

EmguCV: нет захвата видео с камеры
Добрый день уважаемые форумчане! Реализовываю приложение, считающее количество пальцев, показное.

Нет изображения с веб-камеры при установленных драйверах
Всем привет. Купил веб-камеру, заинсталировал драйвера с диска (програмка для камеры тоже там.

Нет изображения с веб-камеры в Skype. (В других приложениях работает)
Доброго времени суток! Откуда не возьмись выползла проблема трансляции видеосигнала с веб-камеры.

Источник

notReadableError: Could not start video source #9000

A few users have tried to share the webcam and they have this error:

«notReadableError: Could not start video source »
http://prntscr.com/ru7db6

they tested on a different software and the webcam its functional
https://imgur.com/a/d5NoHUb

The text was updated successfully, but these errors were encountered:

We are unable to convert the task to an issue at this time. Please try again.

The issue was successfully created but we are unable to update the comment at this time.

@agustinmono NotReadableError usually mean one of two things: the webcam is already in use by another application and/or the browser can’t fetch the device due to incompatibility issues.

Correct way of troubleshooting this issue with your users is testing it in another browser based application. Recommend trying it out on https://webrtc.github.io/samples/src/content/getusermedia/gum/.

Trying it out on a native application (like in the screenshot you pasted) helps little.

I am also seeing this when I have multiple /dev/video devices and one of them is being blocked.
This means other devices cannot be used in both chrome and firefox.

https://webrtc.github.io/samples/src/content/getusermedia/gum/ works for me in these cases but BBB still does not allow webcam sharing.

Could we get this re-opened based on that new information?

@christf yes, we are aware of that. The adequate issue for this is #9943.
Hopefully I’ll be able to tackle this soon.

I also get the error message NotReadableError: Could not start video source in Chrome (or a similar one in Firefox) when I have a physical webcam and a virtual webcam (OBS Studio) under Linux. The physical webcam is used by OBS and BBB seems to try to access the physical webcam (that is in use) instead of letting the user select which webcam to use. The virtual webcam works perfectly with https://webcamtests.com/ or other webpages.

As I said, the adequate issue for this is #9943, and it has been fixed by #11068 (which will land in the next release).

Ah, sorry and thank you very much, @prlanzarin!

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

Источник

NotReadableError: Could not start video source #1

when try to switch camera from front to rear on chrome 69.0.34 on android produce that error
NotReadableError: Could not start video source

it’s working fine on iOS Safari

The text was updated successfully, but these errors were encountered:

We are unable to convert the task to an issue at this time. Please try again.

The issue was successfully created but we are unable to update the comment at this time.

Is that when you’re running the Video chat example? Does the simple HTML example still work?

yes the simple still work, but I used version 2beta

Ok, for a start this demo wasn’t built with the version 2 beta in mind, so I can’t promise it will work with that.

On the other hand, I can’t make it work with v1 of Twilio Video at the moment either. Which is confusing as the simple demo is still fine. I assume something has changed in Chrome to break this, but I’ll have to do some digging to find out what.

Ok, I’m getting that issue too. Not sure what’s going on. Perhaps you could try getting the video stream using getUserMedia and using the result to build a new LocalVideoTrack object?

Any solution on this? I am testing From Mac Opera/Firefox/Safari works fine expect Chrome. Though it worked fine on Chrome Android

I also am having a problem switching cameras on mobile chrome android. I’ve tried everything, and it still only works about 50% of the time.

I have not had the time to investigate this. If you have this issue, please let me know the error messages you are seeing and whether you are just running this project as is, or using the code elsewhere or with changes.

I had a similar error in my project in Chrome Android. The solution for me was to stop all tracks in an active stream before acquiring a new one

after that the error has gone

There is a problem with the example on Chrome 71.0.3578.99 and on an app using Twilio I’ve built that’s based on your example code.

I tried track.stop() but that didn’t help.

The error I get is:

@altescape I just ran both the camera fun version and the quickstart video chat version in Chrome 71.0.3578.98 and both worked fine for me.

Can you share the code you are using that results in the error and a bit more detail about what you are doing with it? Is it a video chat application? What version of Twilio Video are you using?

@philnash Thanks for the quick reply.

I can’t share the repo but I’m getting same results when using your quickstart video chat. I’ll include an example of our code also.

Running locally and with ngrok, your quickstart example isn’t working on Android Chrome (or Samsung browser), however it is working on Apple Safari and desktop Chromes and this is the same result as the app we are building.

The culprit device:

Device: Samsung S5
OS: Android 6.0.1; SM-G901F Build MMB29M
Browser: Chrome
Version: 71.0.3578.99

Twilio library versions:

I will try and update to beta version to see if that helps and keep you posted.

Источник

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Pick a username

Email Address

Password

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

Я получаю эту ошибку в Firefox 51, когда пытаюсь выполнить следующий код, и когда я выбираю свою камеру для ноутбука:

navigator.getMedia = (navigator.getUserMedia ||
  navigator.webkitGetUserMedia ||
  navigator.mediaDevices.getUserMedia ||
  navigator.msGetUserMedia);

navigator.getMedia({
    video: true,
    audio: false
  },
  function(stream) {
    if (navigator.mozGetUserMedia) {
      video.mozSrcObject = stream;
    } else {
      var vendorURL = window.URL || window.webkitURL;
      video.src = vendorURL.createObjectURL(stream);
    }
    video.play();
  },
  function(err) {
    console.log("An error occured! " + err);
  }
);

Ошибка:

NotReadableError: Failed to allocate videosource

Может кто-нибудь уточнить, что это значит? Разбита ли моя веб-камера? Вчера я использовал его с script без проблем. Он не выделяется для другого приложения.

Ответ 1

NotReadableError – это ошибка, соответствующая спецификации, NotReadableError Firefox, когда доступ к веб-камере разрешен, но невозможен.

Чаще всего это происходит в Windows, потому что веб-камера уже используется другим приложением. Firefox выдаст эту ошибку как в Windows, так и в Mac, даже если только процессы Windows получают эксклюзивный доступ к веб-камере.

Ошибка может произойти по другим причинам:

Хотя пользователь предоставил разрешение на использование соответствующих устройств, произошла аппаратная ошибка на уровне операционной системы, браузера или веб-страницы, которая препятствовала доступу к устройству.

Chrome выбрасывает TrackStartError. Это также бросает это по другим причинам. Вкладки Chrome могут использовать одно и то же устройство.

Источник: распространенные ошибки getUserMedia().

Ответ 2

Пожалуйста, убедитесь, что ваша камера не используется каким-либо другим приложением (хром, то есть или любой другой браузер).
Я потратил свой день на поиски решения, и, в конце концов, выяснил, что моя камера была использована другим приложением…

Ответ 3

Может кто-нибудь уточнить, что это значит? Моя веб-камера сломана? Я использовал его из сценария только вчера без проблем. Это не относится к другому приложению.

Я столкнулся с точно такой же проблемой!

Мне стыдно! Потому что тем временем я добавил событие beforeunload, включая event.preventDefault как event.preventDefault в примере.

После удаления этого event.preventDefault все работало нормально – как и ожидалось.

Ответ 4

Я столкнулся с той же проблемой в Windows 10, другие приложения, использующие мое видеоустройство, отсутствуют. Проблема заключалась в том, что в Windows 10 в Settings-> Разрешения приложений (в левом столбце) есть настройка для микрофона и камеры (Разрешить приложениям доступ к вашему микрофону/камере), которую необходимо включить. Неважно, что вы не найдете свой браузер в списке приложений под этой настройкой, просто включите его здесь и вуаля.

Ответ 5

Сообщение getUserMedia() error: NotReadableError отображался для Chromium, но не для веб-браузера Firefox. Я также заметил, что примеры WebRTC, использующие функцию getUserMedia без доступа к микрофону, работали правильно в Chromium.

Фактически я должен был убедиться, что мой микрофон включен и выбрать правильный микрофон в настройках Chromium/Chrome. Тогда WebRTC с аудио и видео доступом работал корректно.

Если это не проблема с микрофоном, это также может быть проблема с веб-камерой, поэтому вы должны убедиться, что ваша веб-камера включена и правильно выбрана в настройках Chromium/Chrome.

Обратите внимание, что только одно приложение одновременно может использовать веб-камеру/микрофон.