문제점과 해결

Webpack 설정 문제

https://medium.com/@muravitskiy.mail/cannot-redeclare-block-scoped-variable-varname-how-to-fix-b1c3d9cc8206

WebCodecs

chrome://flags Experimental Web Platform features 켜야지 사용가능

webgl 못읽는거 https://stackoverflow.com/questions/50651091/unresolved-method-capturestream-on-htmlcanvaselement

webgl 에서 alpha값이 있는데 webcodecs에서 alpha값을 지원하지 않아서 ->frame이 계속 null

 const gl = (canvas.getContext('webgl', { alpha: false }) ||
      canvas.getContext('experimental-webgl', {
        alpha: false,
      })) as WebGLRenderingContext;

이렇게 alpha:false를 줘서 해결

codecs: vp09지원안함 vp08가능

CORS

ncloud objext storage cors오류

서버 ncloud client localhost:8080 node에서 s3 설정해줌

const S3 = new AWS.S3({
...   endpoint,
...   region,
...   credentials: {
.....     accessKeyId: '~',
.....     secretAccessKey: '~',
.....   },
... });

-> https://apidocs.gov-ncloud.com/ko/storage/object_storage/putbucketcors/ 참고해서 postman에서 Auth에 AWS signature이용해서 cors 설정해줌

NODE_ENV오류

https://hohoya33.tistory.com/90