Webcodecs VideoDecoder undefined

Question

I tried to use webodecs in my react project. But it doesn't seem to work.

Here is my debug code:

import logo from './logo.svg';
import './App.css';
// import Editor from './components/pages/editor/editor';
import { useEffect } from 'react';

function App() {
  useEffect(() => {
    console.log(window.VideoDecoder);
  });

  return (
    <div></div>
    // <Editor/>
  );
}

export default App;

Then I opened http://localhost:port/, I got ƒ VideoDecoder() { [native code] } in console. But if I opened http://ip:port/, I would get undefined in console.

Kaiido · Accepted Answer · 2022-04-12 07:22:04Z

4

The VideoDecoder interface is only available in secure contexts

[Exposed=(Window,DedicatedWorker), SecureContext]

You must serve your page from such a secure context, i.e from https:// here.

answered Apr 12, 2022 at 7:22

Kaiido

139k15 gold badges266 silver badges333 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mpromonet Over a year ago

for development purpose you can set about://flags/#unsafely-treat-insecure-origin-as-secure to trust your server.

Collectives™ on Stack Overflow

Webcodecs VideoDecoder undefined

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related