Vue JS client initialization error

Description
A clear and concise description of what the question is.

i’m following the link

so i npm installed the SDK and set up the

configureWebpack: {
    plugins: [
        new CopyPlugin({
            patterns: [{
                from:'node_modules/@zoom/videosdk/dist/lib',
                to:'public/zoomlib' 
            }]
        })
    ]
}

in my vue app, I do
const client = ZoomVideo.createClient();
client.init(‘en-US’, ‘/public/zoomlib’);

( i tried different paths to the zoom assets - none of them work. i’m not sure if it’s a path issue either)

Browser Console Error

vue.runtime.esm.js:1897 TypeError: Cannot read properties of undefined (reading ‘getDisplayMedia’)
at Function.checkSystemRequirements (index.umd.js:1)
at e.value (index.umd.js:1)
at o.mounted (Zoom.vue:29)
at rt (vue.runtime.esm.js:1863)
at Un (vue.runtime.esm.js:4235)
at Object.insert (vue.runtime.esm.js:3158)
at O (vue.runtime.esm.js:6390)
at wr.patch (vue.runtime.esm.js:6609)
at wr.Rn.e._update (vue.runtime.esm.js:3960)
at wr.r (vue.runtime.esm.js:4081)

Which Web Video SDK version?
Knowing the version can help us to identify your issue faster. [e.g. 1.0]

Video SDK Code Snippets
The code snippets that are causing the error / issue so we can reproduce.

To Reproduce(If applicable)

Screenshots
If applicable, add screenshots to help explain your problem.

Device (please complete the following information):

  • OS: [e.g. macOS 11]

Additional context
Add any other context about the problem here.

i found the solution. i didn’t run the script under 127.0.0.1
so it wasn’t a secure environment.