Thursday, March 18, 2010

Comic Viewer Test Site

Here's a comic viewer test site.

Or go here to try it in different iPad/iPhone simulators.

The comic page image is an encrypted PNG. The image is accessed via a PHP script which checks the HTTP referer (to make sure it's, if not, that IP is blocked), checks the remote IP against a list of blocked IPs, checks to see if the request is a recent one (if not, that IP is blocked), and finally, decrypts the PNG and sends it to the browser. These checks should prevent most bandwidth stealing and image downloading (users could still do a screen shot but they'd have to do two in order to get the whole image and then put it together in another program).

The buttons and dropdowns don't work. The blank grey areas would be filled with other content. The comic page image is displayed in a DIV background (again to limit image access). The image is also not cached, which may slow things down if users go back to a page repeatedly, but is required to prevent leeching.

Let me know what you think. If you're able to nab the image, let me know how you did it (I'm sure there's a way)!

Update 1: Here's some php source for encrypting images or text (right-click to download). It's AES-CBC using mcrypt and fast. It's not crack proof, but then it doesn't need to be (it's not the key code to Fort Knox after all).

Update 2: Did some more changes - added a means of accessing other comic issues to the interface (mouse over the arrows). The middle arrow button will hide the header. I think it's important to be able to hide the peripheral noise so it won't distract the eye from the comic page itself. Improved the encryption. You should view all of this using Safari since; 1) I haven't test this in other browsers and 2) Safari will replicate the iPad the best.

Update 3: More changes coming - just need the time to do them. Mostly from user requests - keep'em comin'.


Blogger 'HayMan' Marc said...

I had a look. Works perfect with Firefox. Seems like those big arrows should be page-flipping buttons instead -- just as first impression.

3/22/2010 6:06 PM  
Blogger Marc Hansen said...

Still messin' around with it, but I know what you mean.

3/22/2010 6:19 PM  
Anonymous Jesson said...

Nice one, just as first impression, i had a look

3/31/2010 1:34 AM  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home