When taking a picture using the filepicker.io upload dialog in mobile safari with a portrait angle... the picture gets rendered sideways when completing upload. During upload it is the correct orientation. How to fix?
Use a conversion and add rotate="exif" to maintain the rotation encoded in the image's EXIF data.
https://developers.inkfilepicker.com/docs/web/#inkblob-images
Related
I have this annoying problem where Safari Mobile rotates the pictures I take with the phone camera. The weird thing is that it only happens while in portrait mode.
Here's a code sample: http://jsfiddle.net/Kazpp/
As you can see I'm adding the image as background of the preview div and setting the background-size property as cover so I can keep the image aspect ratio and fill the whole div area with the image.
I also tried adding an image element as children of my div, but that didn't worked either.
Does anyone have any clue on what's going on here?
Ps.: I'm having this issue on iOS 6.0. Didn't tried another iOS version.
You're running into an Exif orientation issue JS Client-Side Exif Orientation: Rotate and Mirror JPEG Images
As answered in that post you can use this library to check image orientation and rotate accordingly https://github.com/blueimp/JavaScript-Load-Image
I have a view with a UIWebView on half the size of the iPhone screen.
In this webview I embed youtube videos.
The app is only in portrait mode. Though I would like to see videos play also in landscape.
Now I want the following behaviour:
When in portrait, play inline, don't go full screen.
a. For that I use "webView.allowsInlineMediaPlayback=YES;"
b. I open the webview with this link: "www.youtube.com/embed/videoid?playsinline=1"
If the user rotates the screen to landscape, I'd like the video to go full screen.
If the user then rotates back to portrait, I'd like the video to get inline again.
The rotations shouldn't stop the video in the middle, or restart the play.
What should I do?
As the embedded videos use an undocumented MPInlineVideo(Fullscreen)ViewController, you can't use its API and switch to fullscreen.
I'd thus recommend playing around with the "allowFullScreen"-parameter for the iframe-tag.
If everything fails, you should always be able to change the frame-size of the web-view so that it covers the full screen. You'd have to use width/height 100% in the iframe then.
Disclaimer: This is an educated guess. I've not actually tried to implement it that way.
I'm building an application which takes photos using the UIImagePickerController. Works great.
The problem however is that I don't want to use image rotation. I always want a photo in portrait mode just as the user sees it on the screen.
When you take your iPhone on the side and then slowly take it back to normal the orientationmode isn't updated. Now when you take the photo the orientation flags in the EXIF data are set.
Is there a way to get rid of orientation support in de imagepicker? Could I just disable the accelerometer?
My application supports taking pictures from iPhone in portrait mode and upload to the server.
However, the pictures taken are appearing in sideways once uploaded to the server.
Please help!
-KC
Keep in mind that the image has an associated imageOrientation property that will determine the correct orientation to display the image.
Images captured used AV Foundation (at least using AVCapture, which I'm using) are taken in landscape mode, so you have to rotate them clockwise before sending to the server.
I recently uploaded some screenshots of my app to itunesconnect. All the screenshots are in landscape mode (I rotated them using iPhoto). On the itunesconnect page where I uploaded the screenshots they all appeared in landscape mode... fine. Now on another page in itunesconnect they all appeared in portrait mode (and they were squished). How will the images appear in the app store? Landscape just like I uploaded them? or perhaps I need to set something somewhere to let the app store know.
I just want to prevent my app from going live w/ squished screenshots.
Cheers!
You should be able to take your screenshots, rotate them 90 degrees, and upload them. Make sure the images are 480 wide by 320 tall, and you should be ok.
See this article for more info:
http://www.appsizematters.com/2010/06/appstore-screenshots-101/
or:
http://thesalon.blogspot.com/2010/02/how-to-submit-app-to-iphone-app-store.html
In particular, from the latter link,
Portrait Mode 320x460 Minimum; 320x480 Maximum - 72ppi, RGB, flattened, no trans, High quality jpg or TIFF image file format. Do not include the iPhone status bar.
Landscape Mode 480x300 Minimum; 480x320 Maximum - 72ppi, RGB, flattened, no trans, High quality jpg or TIFF image file format. Do not include the iPhone status bar.
This can be quite a confusing issue because iTunesConnect will show a landscape-oriented iPhone screenshot in landscape orientation, but when you view it from the iPhone app store application, the screenshots will be forced to portrait orientation.
A look at the iTunesConnect Developer Guide, page 13 provides some insight on Apple's reasoning:
To view a landscape mode screenshot on the device App Store, users will have to rotate their iPhone to view landscape.
So when viewing screenshots on the actual device, iPhones and iPod Touches switch any landscape-mode screenshots to portrait mode and the user must rotate their phone to landscape mode to see the screenshot correctly.
The good news is you can update your screenshots at any time. So do a little trial and error and you'll get it looking good.