Firefox for Android does not render video in canvas - Githubissues

processing / p5.js

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —

http://p5js.org/

GNU Lesser General Public License v2.1

21.66k stars 3.33k forks source link

Firefox for Android does not render video in canvas #5373

Open mateusk opened 3 years ago

mateusk commented 3 years ago

Most appropriate sub-area of p5.js?

[ ] Accessibility (Web Accessibility)
[ ] Build tools and processes
[ ] Color
[X] Core/Environment/Rendering
[ ] Data
[ ] DOM
[ ] Events
[ ] Friendly error system
[ ] Image
[ ] IO (Input/Output)
[ ] Localization
[ ] Math
[ ] Unit Testing
[ ] Typography
[ ] Utilities
[X] WebGL
[X] Other (Video)

Details about the bug:

p5.js version: 1.4
Web browser and version: Firefox 91.1.0
Operating System: Android 6.0.1
Steps to reproduce this:
1. Create a video in a canvas:
```
let video;
```

function setup() { createCanvas(710, 400); video = createVideo(['video.mov']); video.hide(); }

function draw() { background(0); image(video, 0, 0); }


2. In Firefox for Android, the video never renders. The same code works for Firefox desktop, Firefox for iOS, and any other browser.
3. The video canvas example in p5.js website (https://p5js.org/examples/dom-video-canvas.html) also does not render the video
4. However, rendering a video in a video element (such as in the example: https://p5js.org/examples/dom-video.html) works as expected.

welcome[bot] commented 3 years ago

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.