In-context content capture
View Patent ↗A user interface includes a tactile interface on a client device that allows users to interact with social networking system content in a manner that is optimized for touch screens and mobile devices. The tactile interface allows users to efficiently navigate the social networking system data as well as to capture new content for upload to the social networking system. New content may be captured in a way that allows the user to preview the content in-context.
1. A method comprising:
providing a user interface view corresponding to a web page, the user interface view defining a cropping region in which a photo is to be included in the user interface view;
receiving an input at a mobile device to take a photo for inclusion in the user interface view;
activating a camera of the mobile device to obtain image data therefrom;
displaying the image data from the camera on a display screen of the mobile device, the displayed image data overlaid by the user interface view so that the image data from the camera is displayed in the cropping region;
receiving a user input to capture an image using the camera;
responsive to the user input, capturing the image; and
cropping the image, the cropped image corresponding to the image data from the camera that was within the cropping region of the user interface view when the user input to capture the image was received.
2. The method of claim 1 , further comprising:
incorporating the cropped image into the user interface view so that the cropped image appears within the cropping region.
3. The method of claim 1 , further comprising:
sending the cropped image to an online system with instructions to associate the cropped image with an account of a user of the online system.
4. The method of claim 1 , wherein the user interface view comprises a profile page for a user of an online system, and the cropping region is associated with a profile picture for the user.
5. The method of claim 1 , wherein the image data comprises a video stream from the camera.
6. A non-transitory computer-readable storage medium storing instructions, the instructions when executed causing a processor to perform steps comprising:
providing a user interface view corresponding to a web page, the user interface view defining a cropping region in which a photo is to be included in the user interface view;
receiving an input at a mobile device to take a photo for inclusion in the user interface view;
activating a camera of the mobile device to obtain image data therefrom;
displaying the image data from the camera on a display screen of the mobile device, the displayed image data overlaid by the user interface view so that the image data from the camera is displayed in the cropping region;
receiving a user input to capture an image using the camera;
responsive to the user input, capturing the image; and
cropping the image, the cropped image corresponding to the image data from the camera that was within the cropping region of the user interface view when the user input to capture the image was received.
7. The non-transitory computer-readable storage medium of claim 6 , the instructions causing the processor to perform further steps comprising:
incorporating the cropped image into the user interface view so that the cropped image appears within the cropping region.
8. The non-transitory computer-readable storage medium of claim 6 , the instructions causing the processor to perform further steps comprising:
sending the cropped image to an online system with instructions to associate the cropped image with an account of a user of the online system.
9. The non-transitory computer-readable storage medium of claim 6 , wherein the user interface view comprises a profile page for a user of an online system, and the cropping region is associated with a profile picture for the user.
10. The non-transitory computer-readable storage medium of claim 6 , wherein the image data comprises a video stream from the camera.
11. A computer system comprising:
a processor;
a capture module configured to:
provide a user interface view corresponding to a web page, the user interface view defining a cropping region in which a photo is to be included in the user interface view;
receive an input at a mobile device to take a photo for inclusion in the user interface view;
activate a camera of the mobile device to obtain image data therefrom;
display the image data from the camera on a display screen of the mobile device, the displayed image data overlaid by the user interface view so that the image data from the camera is displayed in the cropping region;
receive a user input to capture an image using the camera;
responsive to the user input, capture the image; and
crop the image, the cropped image corresponding to the image data from the camera that was within the cropping region of the user interface view when the user input to capture the image was received.
12. The computer system of claim 11 , the capture module further configured to:
incorporate the cropped image into the user interface view so that the cropped image appears within the cropping region.
13. The computer system of claim 11 , the capture module further configured to:
send the cropped image to an online system with instructions to associate the cropped image with an account of a user of the online system.
14. The computer system of claim 11 , wherein the user interface view comprises a profile page for a user of an online system, and the cropping region is associated with a profile picture for the user.
15. The computer system of claim 11 , wherein the image data comprises a video stream from the camera.