feat: record motion video and convert

[Gerrnperl]

This pull request integrates a video recorder in the AI sprite editor (anim preview mode).

Todo

• integrate video recorder
• update the style and interaction of the recorder for motion record
• save video and upload
• forward request in the backend
• Integrate motion generation and animation generation

[qiniu-prow]

Hi @Gerrnperl. Thanks for your PR.

PRs from untrusted users cannot be marked as trusted with /ok-to-test in this repo meaning untrusted PR authors can never trigger tests themselves. Collaborators can still trigger tests on the PR using /test all.

I understand the commands that are listed here.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[Gerrnperl]

A motion video for mock:

const generateAnimation = async () => {
  await (async function loadMockData() {
    const webUrl = await getWebUrl(
      'kodo://goplus-builder-static-test/files/FriPa4F6TnY52CszoQJOf3TxZ6M1-592177'
    )
    const response = await fetch(webUrl)
    const blob = await response.blob()
    recordedBlob = blob
  })()
  // ...
}