如何使用角度打字稿访问画中画相关功能？

Question

当我尝试使用与任何功能相关的画中画时，出现这些错误。错误是该函数在HtmlVideoElement类型上不存在。如何在angular中访问这些新功能？

Answer 1

我声明了一个扩展HTMLVideoElement接口的新接口。这是一种解决方法，但可以消除VScode智能感知

中的错误

Answer 2

如何启用Picture-in-Picture mode in Angular：

executable

Answer 3

TypeP生成的DOM类型（https://github.com/microsoft/TypeScript-DOM-lib-generator）尚未公开PiP API。同时，您可以使用自己的代码中的PiP API扩展现有的DOM类型：

declare global {
  interface HTMLVideoElement {
    requestPictureInPicture: () => Promise<any>;
  }

  interface Document {
    exitPictureInPicture: () => Promise<any>;
  }
}