Camera preview via video tag
View Patent ↗In one embodiment, a computing device incorporating a camera receives an instruction associated with the camera to display an image generated by the camera in an area within a graphical user interface of an application running on the computing device. The computing device determines a width and a height of the area. The computing device instructs the camera to configure the image, in connection with its generation, for display in the area. And the computing device displays in the area the image as generated and configured by the camera.
1. A method comprising:
by a mobile device comprising a camera, receiving an instruction to display an image in an area within a graphical user interface of an application executing on the mobile device, the image being generated by the camera;
by the mobile device, determining a width and a height of the area;
by the mobile device, instructing a device driver for the camera to configure the camera to capture the image in accordance with the width and height of the area; and
by the mobile device, displaying in the area the image as captured by the camera.
2. The method of claim 1 , wherein the area is specified at least in part by a Hypertext Markup Language (HTML) video tag.
3. The method of claim 1 , wherein the image is a real-time video.
4. The method of claim 1 , further comprising displaying in the graphical user interface one or more camera control elements.
5. The method of claim 4 , wherein the camera control elements are displayed as JavaScript events.
6. The method of claim 5 , wherein one or more of the camera control elements are associated with setting exposure time or white-balancing.
7. The method of claim 4 , further comprising:
receiving, via one or more of the camera control elements, an instruction to adjust the camera from a first exposure time to a second exposure time;
by the mobile device, instructing the device driver to configure the camera to adjust from the first exposure time to the second exposure time.
8. The method of claim 1 , further comprising creating animation for one or more content elements in the graphical user interface.
9. One or more computer-readable non-transitory storage media embodying software that is operable when executed by a mobile device comprising a camera to:
receive an instruction to display an image in an area within a graphical user interface of an application executing on the mobile device, the image being generated by the camera;
determine a width and a height of the area;
instruct a device driver for the camera to configure the camera to capture the image in accordance with the width and height of the area; and
display in the area the image as captured by the camera.
10. The media of claim 9 , wherein the area is specified at least in part by a Hypertext Markup Language (HTML) video tag.
11. The media of claim 9 , wherein the image is a real-time video.
12. The media of claim 9 , wherein the software is further operable when executed by the mobile device to display in the graphical user interface one or more camera control elements.
13. The media of claim 12 , wherein the camera control elements are displayed as JavaScript events.
14. The media of claim 13 , wherein one or more of the camera control elements are associated with setting exposure time or white-balancing.
15. The media of claim 12 , wherein the software is further operable when executed by the mobile device to:
receive, via one or more of the camera control elements, an instruction to adjust the camera from a first exposure time to a second exposure time;
by the mobile device, instructing the device driver to configure the camera to adjust from the first exposure time to the second exposure time.
16. The media of claim 9 , wherein the software is further operable when executed by the mobile device to create animation for one or more content elements in the graphical user interface.
17. A mobile device comprising:
one or more processors;
a camera coupled to the processors; and
a memory coupled to the processors comprising instructions executable by the processors, the processors being operable when executing the instructions to:
receive an instruction to display an image in an area within a graphical user interface of an application executing on the mobile device, the image being generated by the camera;
determine a width and a height of the area;
instruct a device driver for the camera to configure the camera to capture the image in accordance with the width and height of the area; and
display in the area the image as captured by the camera.
18. The mobile device of claim 17 , wherein the area is specified at least in part by a Hypertext Markup Language (HTML) video tag.
19. The mobile device of claim 17 , wherein the image is a real-time video.
20. The mobile device of claim 17 , wherein the processors are further operable when executing the instructions to display in the graphical user interface one or more camera control elements.