processing/p5.js

p5js WEBGL textureWrap can't collaborate with video streaming

Open

#5,859 opened on Nov 11, 2022

View on GitHub
 (7 comments) (0 reactions) (0 assignees)JavaScript (3,178 forks)batch import
Area:WebGLDiscussionHelp Wanted

Repository metrics

Stars
 (20,784 stars)
PR merge metrics
 (Avg merge 8d 13h) (45 merged PRs in 30d)

Description

I recently created a video streaming sketch with p5js WEBGL. The content of the code is: create video capture, then render it on a cube as texture, and then share it with other clients using this library p5LiveMedia. When I finish, I try to view the video capture on two different tabs, but the video was not successfully rendered on Chrome. At first, I thought it was a problem with the browser, because it worked on safari, but error line is showing on neither browser's console. Eventually, I found that it was because I used this line: texture mode (REPEAT); The problem is solved, but does anyone know why might this happen?

This is my project demo, you are welcome to experience it: https://editor.p5js.org/hershey_zhang/sketches/lK4ZpM1hA

Contributor guide

Research direction
Investigate why textureWrap(REPEAT) fails for video textures in WebGL on Chrome. Check p5.js source code for texture handling and WebGL implementation differences.
Tech stack
javascript
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
JavaScriptp5.js
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60