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

Question

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

Answer 1

我声明了一个扩展HTMLVideoElement接口的新interface 。 这是一种变通方法，但可以消除 VScode 智能感知中的错误。

Answer 2

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

Answer 3

Typescript 生成的 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>;
  }
}