Augmented Reality with Cordova, javascript - Stack Overflow

admin管理员组

文章数量:1026399

I'm currently working on a project which consists to developing an application that allows us to visualize geolocated elements by using the camera device. So I have to implement an augmented reality based on geolocations services.

I have to fully develop this application with javascript/cordova including plugins. I don't have to modify things directly in the native code, only by using the cordova specifications.

I've made some research and I've found 3 things.

1) Wikitude: plugin for cordova, perfect for this kind of implementation. The only big problem: it is not free! Actually I'm developing not for myself but for a start-up so this is not applicable. Maybe there is a way to use pletely wikitude without the "trial" text in the middle of the screen, but I didn't find it.

2) Intel XDK: the main problem here is that we have to install a new software that allows us to use the functionalities of the api and this is not very convenient if I want only use javascript/cordova. Moreover, the demos don't work for me (maybe a wrong manipulation)

3) Simulate video background by capturing the image from the camera every ms approximately (maybe every cs) and continusly update the canvas in the background (works like a film actually if we want). Problem: I don't know how to apply it without accessing the camera device. And this takes a lof of resource and the reactivity is, I think, really reduced.

Well, I really want to find a way to implement this augmented reality. Actually the main problem is to display the camera preview in the background.

So if you have any ideas, suggestions, FREE, it would be very helpful.

Thank you!

I'm currently working on a project which consists to developing an application that allows us to visualize geolocated elements by using the camera device. So I have to implement an augmented reality based on geolocations services.

I have to fully develop this application with javascript/cordova including plugins. I don't have to modify things directly in the native code, only by using the cordova specifications.

I've made some research and I've found 3 things.

1) Wikitude: plugin for cordova, perfect for this kind of implementation. The only big problem: it is not free! Actually I'm developing not for myself but for a start-up so this is not applicable. Maybe there is a way to use pletely wikitude without the "trial" text in the middle of the screen, but I didn't find it.

2) Intel XDK: the main problem here is that we have to install a new software that allows us to use the functionalities of the api and this is not very convenient if I want only use javascript/cordova. Moreover, the demos don't work for me (maybe a wrong manipulation)

3) Simulate video background by capturing the image from the camera every ms approximately (maybe every cs) and continusly update the canvas in the background (works like a film actually if we want). Problem: I don't know how to apply it without accessing the camera device. And this takes a lof of resource and the reactivity is, I think, really reduced.

Well, I really want to find a way to implement this augmented reality. Actually the main problem is to display the camera preview in the background.

So if you have any ideas, suggestions, FREE, it would be very helpful.

Thank you!

• javascript
• cordova
• augmented-reality
• wikitude

Share Follow asked Nov 11, 2014 at 16:04 Gaétan SéchaudGaétan Séchaud 21911 gold badge44 silver badges1414 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

For #3 see the new ezAR Cordova plugin (free) http://ezartech. which provides a camera view for rendering a live video feed under the Cordova WebView.

I can pretty much guarantee what youre asking for will require writing your own plugins for Phonegap / Cordova.

Check out http://web.stanford.edu/class/ee368/Android/index.html . While that page is primarily concerned with document capture, the code examples demonstrate opening the camera and providing a real time overlay. This sounds like what you want and the code is available for modification.

Once you finish that, you can check out http://devgirl/2013/09/17/how-to-write-a-phonegap-3-0-plugin-for-android/ or http://docs.phonegap./en/3.5.0/guide_hybrid_plugins_index.md.html for how to create plugins.

I know it's not the answer you wanted to hear, but I hope it helps.

I'm currently working on a project which consists to developing an application that allows us to visualize geolocated elements by using the camera device. So I have to implement an augmented reality based on geolocations services.

I have to fully develop this application with javascript/cordova including plugins. I don't have to modify things directly in the native code, only by using the cordova specifications.

I've made some research and I've found 3 things.

1) Wikitude: plugin for cordova, perfect for this kind of implementation. The only big problem: it is not free! Actually I'm developing not for myself but for a start-up so this is not applicable. Maybe there is a way to use pletely wikitude without the "trial" text in the middle of the screen, but I didn't find it.

2) Intel XDK: the main problem here is that we have to install a new software that allows us to use the functionalities of the api and this is not very convenient if I want only use javascript/cordova. Moreover, the demos don't work for me (maybe a wrong manipulation)

3) Simulate video background by capturing the image from the camera every ms approximately (maybe every cs) and continusly update the canvas in the background (works like a film actually if we want). Problem: I don't know how to apply it without accessing the camera device. And this takes a lof of resource and the reactivity is, I think, really reduced.

Well, I really want to find a way to implement this augmented reality. Actually the main problem is to display the camera preview in the background.

So if you have any ideas, suggestions, FREE, it would be very helpful.

Thank you!

I'm currently working on a project which consists to developing an application that allows us to visualize geolocated elements by using the camera device. So I have to implement an augmented reality based on geolocations services.

I have to fully develop this application with javascript/cordova including plugins. I don't have to modify things directly in the native code, only by using the cordova specifications.

I've made some research and I've found 3 things.

1) Wikitude: plugin for cordova, perfect for this kind of implementation. The only big problem: it is not free! Actually I'm developing not for myself but for a start-up so this is not applicable. Maybe there is a way to use pletely wikitude without the "trial" text in the middle of the screen, but I didn't find it.

2) Intel XDK: the main problem here is that we have to install a new software that allows us to use the functionalities of the api and this is not very convenient if I want only use javascript/cordova. Moreover, the demos don't work for me (maybe a wrong manipulation)

3) Simulate video background by capturing the image from the camera every ms approximately (maybe every cs) and continusly update the canvas in the background (works like a film actually if we want). Problem: I don't know how to apply it without accessing the camera device. And this takes a lof of resource and the reactivity is, I think, really reduced.

Well, I really want to find a way to implement this augmented reality. Actually the main problem is to display the camera preview in the background.

So if you have any ideas, suggestions, FREE, it would be very helpful.

Thank you!

• javascript
• cordova
• augmented-reality
• wikitude

Share Follow asked Nov 11, 2014 at 16:04 Gaétan SéchaudGaétan Séchaud 21911 gold badge44 silver badges1414 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

For #3 see the new ezAR Cordova plugin (free) http://ezartech. which provides a camera view for rendering a live video feed under the Cordova WebView.

I can pretty much guarantee what youre asking for will require writing your own plugins for Phonegap / Cordova.

Check out http://web.stanford.edu/class/ee368/Android/index.html . While that page is primarily concerned with document capture, the code examples demonstrate opening the camera and providing a real time overlay. This sounds like what you want and the code is available for modification.

Once you finish that, you can check out http://devgirl/2013/09/17/how-to-write-a-phonegap-3-0-plugin-for-android/ or http://docs.phonegap./en/3.5.0/guide_hybrid_plugins_index.md.html for how to create plugins.

I know it's not the answer you wanted to hear, but I hope it helps.

本文标签： Augmented Reality with CordovaJavaScriptStack Overflow