I'm trying to implement Invisible reCAPTCHA by Google. But after 5-6 times the images challenge comes up which is against the requirement . Is there a possibility of skipping the images challenge?
Not that I know of. The entire point of the invisible captcha is that it does not show up when it is sure that the page is being visited by a human. If it is not sure or certain that it is a bot, the challange is presented.
Related
I'm struggling with a captcha image that has reflected letters on the bottom. Taking the shadow off the captcha, it can easily be resolved. I have tried using OpenCV, but no success so far. For example, if the captcha text is "h8mb", it will have a reflected shadow with the "h8mb" text cropped as shown below:
I will link the images below, since I can't add them due to the fact that my account is new.
https://i.stack.imgur.com/X7vG4.jpg
https://i.stack.imgur.com/YGufm.jpg
https://i.stack.imgur.com/N3GWB.jpg
https://i.stack.imgur.com/0q7hu.jpg
https://i.stack.imgur.com/yXAWw.jpg
Could someone explain to me how this could be done? Or how could I use OpenCV to do this reflection removal?
As is often the case, the design of this captcha is pretty poor.
Every sample is made of the word struck out, forming a single, largest blob. The other pieces make distinct and smaller blobs, which are too easy to erase by seed filling.
Trying to pre process this image for OCR. And I am not able to figure out how to get rid of that bump in the centre of the captcha.
Original Captcha - Captcha
This is as far I can get but still this isn't good enough.
Processed Captcha - CaptchaProcessed
Seems to be a captcha you should solve with a neuronal network like this:
Write something to gernerate this kind of captcha by yourself (with bounding boxes) aka: training data
Train a neuronal network on your training data
profit
See how its done for a different captcha typ here: https://github.com/cracker0dks/CaptchaSolver/blob/master/docs/howToSolveNew6DigitCaptchasWalkthrough.md
if you were watching the State of the Union Address (http://www.whitehouse.gov/state-of-the-union-2013) you would have seen graphic supplements that appeared alongside of the video stream of the President that served to illustrate his key points.
The video on the site is a composite of this, but during the live streaming these were handled separately.
My question is: what is the best approach for doing this? especially if one wanted very tight control of the appearance of the graphics (i.e. right when the point is made, not before and not long after).
I'm wondering if any tools exist to facilitate this? I've been scouring google, but I don't think that I have the correct technical vocabulary for what I'm describing because I'm coming up blank.
I imagine AJAX would be a good starting point, but I'm not sure how to achieve the level of control that they had, or how to handle the back end of things.
For anyone who might encounter this challenge we devised two ways to solve it:
The first is a bit mickey mouse: It requires that you know how many images, etc you want to use beforehand (which in most cases you would). We wrote a script to repeatedly request an image and inserts it into the page, and on finding an image then request the next image in the chain.
Ie. Display default image -> request image 1
then, displaying image 1 -> request image 2
etc
From your end you can simply drop the images into a folder on your server when you are ready for them to go in. An advantage of this is that the images can be interactive, with links to other content, etc.
The big disadvantage, of course, is a lot of unnecessary requests to your page. In our case we anticipated enough traffic that it didn't seem wise. Also, there are plenty of opportunities for mistakes and depending how frequently your timer fires there are likely to be timing discrepancies.
The Second costs money: we found the program Ustream (http://www.ustream.tv/producer) which allows us all the image control we require in terms of timing with the advantage of providing support for media clips etc. And it allows you to record everything streamed.
The disadvantage is that what the user sees is an integrated video on your site, so that you have to handle links to related content and provide images (if you want your users to have access to them) separately.
Hope this comes in handy for someone
I would still welcome any suggestions on how to make the first method more effective
Here's what I'm trying to do : I have about 20 og:image in meta tags on one page, and on this page I have both a like button AND a share button (the deprecated one). I need all the 20 og:image for the share feature, and I want Facebook to pick a particular image when building the popup window (or "flyout"), which will also be the image displayed on a facebook wall after publishing.
Currently, the picture in the popup window is the first og:image, but when I publish and go on my facebook wall, facebook picked another picture to display (the 7th of the og:image list, to be more precise).
I got nearly the same problem on the share feature, I can't obtain the first og:image to be the first thumbnail of the available thumbnails list. The 7th image in og:image list is always the first thumbnail proposed.
Anyone knows the picking algorithm of Facebook or something? I've been searching everywhere and I can't find a single clue on this.
I tried to swap images but I have to avoid putting the same image twice (1st and 7th). I really need some help.
Thank you
I think it's supposed to be random - regardless, if you only want one image, just use one og:url tag
I've been looking around to see if there exists a good way to prevent viewers from using their right click options to download images that I upload to my website.
I know that people can look at the image url in the page source, and was wondering if you suggest a way to prevent them being taken, by disabling the save image option.
This is an unsolvable problem.
As long as you actually want people to see the images, you cannot prevent them from saving them via a number of methods (e.g. screenshots). All measures you might think of will just annoy your users, without actually preventing them from doing what they want anyway. Also consider that the people watching those images will have some interest in them (otherwise they would not watch them in the first place), so there we already have a motive for them to keep a copy.
The only way to reliably prevent people from saving the images is to never let them copy them onto their computers in the first place (and remember: showing something on another computer always entails making a copy).
One solution could be to invite people into a place where they can view the image on a screen which you control, and not let them take any pictures. Think of modern cinemas where security people with night sights watch the spectators and pull out those who might have been handling any camera like device.
If you want to make it even more difficult, do not use an IMG tag. Instead, define the image using CSS with the property 'background-image'. To make it even more tricky, define that property at runtime using JavaScript that was placed on the page using base64 encoding.
You can try this...
onload=function(){
document.oncontextmenu=function(){return false;}
}
This will disallow the operation of the context (right mouse button click) menu...
If a user knows what they're doing they can get around this, though.
I suggest not doing this. It's annoying and you're not actually protecting yourself.
If you must, jQuery makes it pretty easy to disable the right click menu:
$(document).ready(function(){
$('img').bind("contextmenu",function(){
return false;
});
});
Just make your images so ugly no one would want to take them.
Seriously, what are you worried about?
If you use the Microsoft Ajax Seadragon Deep Zoom viewer for you images then you can present your images as lots of overlapping tiles - a real pain to stick back together, difficulty depends on images size, but for hi-resolution images it makes 'printscreen' the only option for those wanting to steal stuff.
Incidentally the contextmenu thing works on divs better than images (things bubble) and you don't have to offend people by doing no click on the whole document.
To do it by class, e.g. with Prototype:
$$('.your-image-container-class').each(function(s) {s.oncontextmenu=function(){return false;}});