use of webcodecs API in Angular project?

Question

I am trying to use features from the new webcodecs API in Chrome within an angular project. Typescript doesn't seem to be aware of the types, so I installed dom-webcodecs.

https://www.npmjs.com/package/@types/dom-webcodecs

It still seems to be missing VideoDecoder when I build. Here is a stackblitz with a simple example. Am I missing a step to use this in my project? Is there another way to use this API in my project?

https://stackblitz.com/edit/angular-ivy-zzysyg?file=src%2Fapp%2Fapp.component.ts

Debmallya · Accepted Answer · 2022-02-07 14:11:47Z

2

While I'm using Nx+Angular, I imagine our solution would be similar. I didn't need "typeRoots": ["node_modules/@types"] in my tsconfig, rather had to add "types": ["dom-webcodecs"] to tsconfig.worker.json.

answered Feb 7, 2022 at 14:11

Debmallya

5746 silver badges16 bronze badges

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

Comments

Fatih Kilic · Accepted Answer · 2022-05-08 10:48:08Z

0

if you are using webcodecs Api first u import your browsers types.. like if chrome, try this https://www.npmjs.com/package/@types/chrome or https://www.npmjs.com/package/@types/dom-mediacapture-transform for some that webcodecs api using..

answered May 8, 2022 at 10:48

Fatih Kilic

113 bronze badges

Collectives™ on Stack Overflow

use of webcodecs API in Angular project?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related