search

codekraft-studio / vue-record

VueJs components for MediaRecorder API
https://codekraft-studio.github.io/vue-record/
MIT License
94 stars 57 forks source link

Unable to use record - TypeError: Cannot read property 'getUserMedia' of undefined #3

Closed alpeshgit closed 4 years ago

alpeshgit commented 4 years ago

Unable to implement the componet in my Vue application. The demo page works in my browser though. In my Vue Component <vue-record-audio mode="press" @stream="onStream" @result="onResult" />

And in main.js import VueRecord from '@codekraft-studio/vue-record' Vue.use(VueRecord)

Browser Info : Version 78.0.3904.108 (Official Build) (64-bit)

b4dnewz commented 4 years ago

it's really strange because the components check for media support on mount, see relavant part of code.

Which browser are you using? And did you see any warn in console?

b4dnewz commented 4 years ago

need more informations or a repro code

rishpandey commented 3 years ago

I ran into a similar issue on my local dev machine in chrome where local sites served via HTTP can't even ask for microphone permission.

You can fix it by going to chrome://flags/#unsafely-treat-insecure-origin-as-secure and add your domain there.

This may help. https://support.google.com/chrome/thread/8602710?hl=en