By ashish kumar

27 Jul 2015 09:30 English 6 Replies

I want to open a camera using onclick event and take a image then show in own application home page....

Responses

6 Replies

Marco Buettner

27 Jul 2015 11:03

takeAPicture: function()
    {
        var appId = null,
            appControlReplyCallback = null,
            appControl = null;
 
        appId = 'tizen.camera'; 
        appControl = new tizen.ApplicationControl("http://tizen.org/appcontrol/operation/create_content", null, "image/jpeg", null);
 
        appControlReplyCallback =
        {
            onsuccess: function(data)
            {
                var picLink = "";

                if ($.mobile.popup.active)
                {
                    $.mobile.popup.active.close();
                }
 
                if (data.key === "http://tizen.org/appcontrol/data/selected")
                {
                    picLink = data.value[0];
                    console.log("selected image := "+picLink);
                }
            },
            onfailure: function()
            {
                //console.log('The launch application control failed');
            }
        };
 
        function onSuccess()
        {
            //console.log("launch application control succeed");
        }
 
        function onError(err)
        {
            alert(err.message);
        }
 
        tizen.application.launchAppControl(appControl, appId, onSuccess, onError, appControlReplyCallback);
    }

Usage

var button = document.querySelector('#camera');

button.onclick = takeAPicture;

Reply to this post
Mark as answer

Seoghyun Kang

28 Jul 2015 08:07

Hello,

If you want to use the camera module directly, you need to use the getUserMedia API.

http://dev.w3.org/2011/webrtc/editor/getusermedia-20111130.html

But it does not support the rear-camera now. It only supports the front-camera :(

Please refer it.

Reply to this post
Mark as answer

Seoghyun Kang

03 Aug 2015 07:18

There is a good news. You can use the rear-camera from Tizen 2.4 beta SDK.

Following is the contents in the release note of the Tizen 2.4 beta SDK. (https://developer.tizen.org/development/preview)

GetUserMedia - Facing Mode support
User can select front or rear camera using javaScript
W3C specification: http://www.w3.org/TR/mediacapture-streams/#constraints

I attached the sample code. Please refer it.

//Initialize function
var init = function () {
    navigator.getUserMedia(
			{
				audio: false, 
				video: true
			} 
			, null, null);
};

// window.onload can work without <body onload="">
window.onload = init;

Reply to this post
Mark as answer

Seoghyun Kang

31 Oct 2015 08:43

I'm sorry. I missed some codes.

If you want to use the rear camera, please use the following source.

The facingMode is the key point.

// Rear Camera
var rearCamera = function () {
    navigator.getUserMedia(
    	{
			audio: false, 
			video: true,
			facingMode: "environment"
		} 
		, null, null);
};

Reply to this post
Mark as answer

Vikram

31 Oct 2015 04:50

facingMode: "environment" means source is facing away from the user (viewing the environment)

facingMode: "user" means the source is facing toward the user (a self-view camera)

GetUserMedia is new function in Tizen 2.4 and please create new project in 2.4 rather than Tizen 2.3.

Reply to this post
Mark as answer

Palitsyna

28 Jul 2015 01:52

Hello,

here you can find an examole of usage of Camera Application Control and a kind of documentation for create_content AppControl:

https://developer.tizen.org/community/tip-tech/platform-application-controls-usage-web-app-part-3#_Camera_Application_Control

Hope this will help you.

Reply to this post
Mark as answer

User Menu

Tizen Forums

Community

Community

Responses

Search form

Responses