Face Detection using javascript - mean-stack

As a part of learning MEAN stack development I decided do one social media demo application and It is working fine now, in my local mechine. The problem raised when I started to implement tagging option in group photo.I have an idea which is related to face detection.
The requirement is to detect the persons in group photo and the software itself need to tag those persons. So I implemented a face detection technique by using tracking.js and fetched the eye,mouth,face value in Mongodb during profile picture upload. And my need is to check these values during group photo post upload. But this idea didn't meet my expectation.
So how I need to generate the data of face during each person's profile picture upload?.
So I just would like to know that how to implement this scenario in my project and what kind of implementation style is on facebook and picasa photo editor(desktop application) has already done. If anybody has done this before please help me.

Related

Google Cloud vision couldn't detect one character

I have used Google Cloud Vision API for my small project to detect text from an image. The API works very well almost text in the image be detected by the API but I found when the image has only one character in a line, the API will skip it.
Do you have any solution for this problem? I try to change color and resize the image but it still not work.
for example please look : [The API can detect only 'AMATA' but not 'S']
I think this is something related to Vision API model. There is a related FR about this issue and you can star the issue to get notification about its updates

Profile image gallery provided by database

I'm currently working on profile images for my registered users.
As of now my users can upload their own images to use and of course there's a default image, incase users don't upload a picture.
By the way, I'm using the Paperclip gem.
I've been trying to do so that my users can choose to select an image from a list of images, provided by the website/database.
This website: https://satwcomic.com/ has exactly what I'm looking for.
Example from the website.
I've been trying to find a solution for this for the past month, but without luck. any hints on how i could successfully achieve such feature with or without paperclip?
I'm hoping to get pushed in the right direction.
Please do keep in mind, I'm still learning Ruby on Rails as a student and any help will be appriciated.

How to edit existing place with Google Places API

I am working for a business that deals with auto body shops - we have them subscribed to a service and want to enhance that service by utilizing the Goolge Places API.
I would like to update the places entries by adding or changing specific photos, descriptions and contact info. I realize there is a section of the documentation that deals with adding a 'place report' but I felt this flow was unclear and/or ambiguous.
In other words, what happens when i place this report? Is there a vetting process that only google is involved in? Does this even do what I'm asking it to do? Is this creating a new entry entirely?
Any help on clarification is appreciated. I may have missed the obvious here so if you feel that way let me know with a link please.
The Places Photo service is a read-only API that allows you to easily add high quality photographic content to your application.
https://developers.google.com/places/documentation/photos
Did you not understand the 'read-only' part?

Retrieving .swf from website

I was wondering if you guys can help me out. Im making a website for an authorized Dish dealer. Ive been trying to retrieve the flash animation on dish.com. I was able to get it through firefox with 'Page Info' but all I get is a black rectangle without no animation. Its a .swf, any help is appreciated.
There are a couple of possible issues there.
There's a chance that the movie is loading something from that domain, which will not get loaded when the container movie is loaded in another domain due to cross-domain policy issues (and security sandbox restrictions).
Also, in its code the developer might have made it to check the URL and restricted some actions accordingly.
Another possibility is, it might be using some data that it gathers from the page source, or a server-side script which you might not be providing it.
These are the most likely possibilities I can think of, but if I get a chance to think more I'm sure I can come up with many others.

Dynamically updated graphs on a web page - howto?

I need to understand a good way to design a web page with dynamically updated graphs. It should be something close to what stock market graphs look like (e.g. Google Finance), although with a bit more complicated functionality, which is not the point. Naturally I am thinking of writing an ajaxy-style flash control, which would communicate with the server through, okay, something like XMLHttpRequest, but from within flash code, and draw things basing on data received. Is this doable with flash? Does security model allow such kind of client-server interaction? If yes, could you think of any references for me to get started (similar opensource projects, articles, whatever)? Or should I forget about flash and use a Java applet right away?
An important thing to note: I don't think I can use Google charting API, because I need also to have user interaction. In the link above to Google Finance the user can drag the graph to and forth with the mouse, that's close to what I need (I will also need to implement some actions from the dropdown menu).
Thanks for your answers and opinions!
Try this: JQuery Flot
Flot is a JQuery plugin to plot graphs. You keep replotting in-place with the latest data at the desired frequency to generate a dynamically updated graph. It is based on the <canvas> tag. We use it successfully to generate pretty complex dynamically updated graphs in our applications. The updates are fetched via periodic AJAX calls.
Another alternative is YUI Charts
We did not explore this a lot but this uses Flash and AJAX like you wanted to do.
/RS
I have used the Google Charts API to do this sort of thing. For a simple example, see my Sunrise and Sunset page. This page calculates sunrise and sunset times for a given latitude and longitude, all in Javascript, then uses the Google Chart API to replace the graph on the page with the requested data.
Update: The Stack Overflow reputation graph (see your user page) isn't Flash and yet allows interactive dragging. (Click and drag on the left to update the posts on the right that reflect the highlighted reputation region.) Perhaps you could look at how that is implemented.
You have described Flex...
This is very possible in flash.
You can use the URLLoader class to obtain data from a server at run time and the draw your graph using a custom control. In actionscript3 you'd subclass the Shape class and write a little drawing code to draw your graphs. Flash has support for drawing and filling so it would probably be very good at this.
The flash client can poll the server for updates. Or if you want a "live" connection you can establish a socket connection to the server and let the server push updated data live. Flash is good for this as you can push XML data over the socket and use the built in support for processing the XML, or you can send binary data just as easily.
As for the security model it's just the standard flash one. You can make network connections back to the server that the swf file came from with no issues. If you want to make a connection to a different server then that server needs to give your client permission to connect to it by hosting a crossdomain.xml file
I'm not sure about the Flash side of things, but this would be pretty simple to do in Silverlight. I am pretty sure you'd easily be able to make a server request in Flash too.
I'd do some searching for long polling.

Resources