1357968 - getUserMedia/drawimage broken/upside down

Status: UNCONFIRMED

(Core :: Graphics: Canvas2D, defect, P3)

Description

[Rob Manson]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:52.0) Gecko/20100101 Firefox/52.0
Build ID: 20170323105023

Steps to reproduce:

If you try this well known webrtc example https://webrtc.github.io/samples/src/content/getusermedia/canvas/

1. Open the page then,
2. Give approval to share your camera (back facing on mobile) then,
3. Select the "take a snapshot" button


Actual results:

On FF 53 (and FF 53 Beta) on Android the drawimage paints an upside down image onto the canvas.

On FF 52.0.2 on OSX the gUM call doesn't work at all.


Expected results:

The video should load then the snapshot image drawn onto the canvas should have the same orientation as the source video.

You can see here a minimal example of non-gUM video that appears to work fine.

https://awe.media/static/drawimage/minimal.html

Comment 1

[Vlad Bacia-Mociran [:VladB]]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:55.0) Gecko/20100101 Firefox/55.0
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:53.0) Gecko/20100101 Firefox/53.0
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:53.0) Gecko/20100101 Firefox/53.0

I have tested your issue on latest Firefox release v53.0 and latest Nightly (Build ID: 20170425030221) and could not reproduce it. I have followed the steps from comment 0 but the picture is taken without issues. On the Android device (Galaxy S6, Android 6.0.1) this issue is reproducible.
 
Is this still reproducible on your end on Mac? If yes, can you please retest this using latest Firefox release and latest Nightly build (https://nightly.mozilla.org/) and report back the results ? When doing this, please use a new clean Firefox profile, maybe even safe mode, to eliminate custom settings as a possible cause (https://goo.gl/AR5o9d).

Comment 2

[Rob Manson]

Confirming that that "flipped canvas" issue only presents on Android FF.

I reported the issue via my OSX FF, but the report included this comment.

  Actual results:
  On FF 53 (and FF 53 Beta) on Android the drawimage paints an upside down image onto the canvas.
  On FF 52.0.2 on OSX the gUM call doesn't work at all.

The OSX gUM failure is separate but I called it out to be clear.

Hope that helps and let me know if you need any other info.

Comment 3

[Harald Ruf]

I could confirmed, that these happen on Android devices with also Firefox mobile version 54.01.

We have tested it on Nexus 5 and Samsung Galaxy S5 Mini.

Is there a chance, that this will be fixed soon?

Tested it with our solution and could also confirm bug by using : https://webrtc.github.io/samples/src/content/getusermedia/canvas/

Comment 4

[Alexa]

Can also confirm on Firefox mobile version 55.0.2. on all of my devices.

Tested it on:
 - Samsung Galaxy Tab S2 , Android 7.0
 - Huawai MediaPad M3, Android 6.0
 - Samsung Galaxy S7, Android 7.0
 - Samsung Galaxy Note 10.1, Android 4.1.2  

Tested with Firefox mobile version 46.0.: NO flip here.