Webcodecs VideoDecoder 未定义

Question

我尝试在我的 React 项目中使用 webodecs。但是好像不行。

这是我的调试代码：

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;

然后我打开 http://localhost:port/，我在控制台中得到了 ƒ VideoDecoder() { [native code] }。但是如果我打开 http://ip:port/，我会在控制台中得到 undefined。

Answer 1

VideoDecoder interface is only available in secure contexts

[Exposed=(Window,DedicatedWorker), SecureContext]

您必须从这样一个安全的上下文提供您的页面，即从 https:// 此处。

Webcodecs VideoDecoder 未定义

Webcodecs VideoDecoder undefined

javascript

google-chrome

webcodecs