时间戳

首页 > 解决方案 > 当画布用作 src 时，AFrame 视频原语不再呈现

canvas - 当画布用作 src 时，AFrame 视频原语不再呈现

问题描述

0.8.2 版允许您使用画布 id 作为视频原语的 src。在版本 1.0.4 中，当您使用画布 id 作为视频 src 时，该元素不会呈现并且没有警告或错误消息。

A-Frame Version: 1.0.4
Platform / Device: Windows 10 Firefox 78.0.2, Chrome 84.0.4147.89
Reproducible Code Snippet or URL: https://codepen.io/azmartone/pen/JjGqvzq

在 codepen 中，切换 aframe.min.js 版本，你会看到它适用于 0.8.2 而不是 1.0.4

有谁知道是否有关于视频原语的画布纹理的有意更新？

标签： canvasvideotexturesaframesrc

解决方案

在早期版本中，画布元素作为 THREE.VideoTexture 加载，AFrame 有一个 RAF 步骤来更新纹理。从 0.9.0 开始，画布元素现在作为 THREE.CanvasTexture 加载，没有重复的纹理更新。

但是，我们可以使用 canvas-updater 组件来实现动态画布纹理

https://github.com/aframevr/aframe/issues/4659

画布更新器 https://github.com/aframevr/aframe/blob/4a44a804bbf7347e41fdc88daa6fa1d68756029d/examples/test/canvas-texture/components/canvas-updater.js

推荐阅读