El objetivo es simple: tengo una animación WebGL que me gustaría capturar y superponer texto en la transmisión capturada.

Es muy similar al ejemplo de WebGL Text en WebGL Fundamentals , incluida la forma en que el contenido del texto se actualiza rápidamente.

Todo se ve muy bien en el navegador, pero estoy buscando la posibilidad de que los usuarios puedan descargar su animación con la superposición de texto mediante el uso de la captura de la transmisión del lienzo a través de la API Media Streams ( MediaRecorder y MediaStream ).

Desafortunadamente, capturar el lienzo WebGL omite la superposición de texto HTML.

Intenté colocar el texto dentro del contexto 2D de otro lienzo, capturar esa transmisión y agregar otra pista de video, pero los navegadores no parecen implementar varias pistas de video.

¿Hay una solución fácil? ¿O me veré obligado a representar el texto a través de texturas de glifos , ya que el texto cambia con frecuencia?

En un nivel técnico, solo necesito representar texto de 10 caracteres de longitud y consistirá solo en dígitos y guiones. En caso de que importe, solo WebGL2 está bien.