Dynamique width for flash on OSX Safari 7.0 about webcamjs HOT 3 CLOSED

Hey,
Any idea ?

from webcamjs.

Hey creativityjuice,

Yeah, unfortunately I have seen this once before, and I am honestly not sure how to fix it. It seems like certain webcams with certain drivers (i.e. Flash in Safari) require a 4:3 aspect ratio in order to work properly. I've only seen this on one webcam, which was some really old Logitech cam I had, so I didn't worry about it too much. But it looks like the issue is happening to you as well.

Unfortunately, I think the only solution to this is to create a DIV at 4:3 aspect ratio for the webcam, and then "crop" the DIV by using an outer element at the aspect ratio you want, and with "overflow:hidden", then use absolute positioning to center the inner DIV inside the outer one. This should prevent the black bars from appearing.

Something like this perhaps:

<div id="outer" style="overflow:hidden; width:300px; height:400px;">
    <div id="inner" style="width:533px; height:400px; left:-116px;"></div>
</div>

Then attach the webcam to the inner DIV. Make sure the heights of the two DIVs are the same, and then adjust the widths to match the aspect ratios. Then use "left" to center the inner DIV inside the outer container, by (outer_width / 2) - (inner_width / 2).

Sorry there isn't a better solution, but this really seems like its inside the Flash webcam drivers, and nothing I have access to.

Good luck!

from webcamjs.

Hi jhuckaby,

I'll take a look at that these days and I'll let you know.
Thanks

from webcamjs.