TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Realtime Web Messaging over Animated Gifs

576 pointsby old_soundover 12 years ago

33 comments

jereover 12 years ago
I am convinced HN is the Pinterest of software.<p>Someone made a coffee table out of old crates? Pin. Someone made a fence out of old wood pallets? Pin.<p>Someone made a realtime messaging library out of animated gifs? Upvote.
评论 #4521530 未加载
评论 #4522654 未加载
评论 #4522347 未加载
评论 #4523383 未加载
评论 #4525820 未加载
emp_over 12 years ago
&#62; sadly we are in mid September here in the northern hemisphere.<p>I am in the south and can confirm we are also in September, will report back with news.<p>/snark
评论 #4522298 未加载
评论 #4521479 未加载
评论 #4521507 未加载
评论 #4521412 未加载
评论 #4522294 未加载
simonwover 12 years ago
I've seen this technique once before... Ka-Ping Yee built a demo that did this back in 1999: <a href="http://zesty.ca/chat/" rel="nofollow">http://zesty.ca/chat/</a><p>It's an awesome hack, cool to see it being rediscovered/reinvented after so much time!
评论 #4521500 未加载
评论 #4521636 未加载
评论 #4523163 未加载
arscanover 12 years ago
This is awesome -- you never know when a solution like this might come in handy.<p>Wayyyyy back in the day (NS4, IE4 day) I used the width / height of an image the browser polled every few seconds as a transport mechanism... the only other option (refreshing a hidden frame) caused an irritating "page refresh" clicking noise. This was before XMLHttpRequest obviously and was enough bandwidth for our needs. It worked so well that I believe its still being used in production systems.<p>I haven't looked at the javascript generated in this animated gif solution, but I assume that it does some stuff that wouldn't work in the pre-IE6 browsers. It would be extremely amazing if it did though.
评论 #4523641 未加载
评论 #4521572 未加载
评论 #4523328 未加载
评论 #4521567 未加载
benwerdover 12 years ago
First person to turn a 90s animated GIF divider into an actual live progress bar with API wins the Internet.
richthegeekover 12 years ago
I did something similar for cheap (insecure) desktop streaming a few years ago.<p>Roughly, use scrot (or similar screen capturing command line tool) to take a screenshot of the desktop and then encode it into a gif frame. Repeat once per second. Boom, your desktop is now a gif.<p>The main problem with this approach is that transmitting stuff via gif (low-color bitmaps, remember) is painfully slow even with modern internet.<p>That said, could probably be very useful in some instances!
评论 #4525909 未加载
thebigshaneover 12 years ago
No one has mentioned these specific use cases yet...<p>1) live charts and graphs of server loads<p>2) interactive maps (instead of loading new images, just append)<p>3) I'm also thinking of some kind of captcha, where the user waits for the server to show a certain image and then can submit a comment and the server would know which submits were valid based on timestamp... or something.<p>4) weather, temperature, stocks<p>5) collaborative drawing applet? (would still require ajax though)
评论 #4525745 未加载
评论 #4523370 未加载
joezydecoover 12 years ago
So when you read about countries like Venezuela installing proxies in front of Twitter before an upcoming election [1], is there a potential to use this technique to tunnel information into areas that normally would suppress it?<p>[1] <a href="http://orvtech.com/en/general/gobierno-venezolano-elecciones-proxy-twitter/" rel="nofollow">http://orvtech.com/en/general/gobierno-venezolano-elecciones...</a>
评论 #4522486 未加载
fmax30over 12 years ago
It would be much cooler if you were to send the video stream to the gif instead of the booring old messages. Very cool though. Just think if something like this with video was invented back in the days of IE6 , it would have been the skype of its day.
评论 #4521498 未加载
dkroyover 12 years ago
That is extremely clever, this just goes to show that if you know how something works inside and out you can come up with clever hacks.
crisnobleover 12 years ago
If realtime messaging is a new and cool thing, what were chat rooms back in the day? not realtime? Am I missing something? I don't remember needing reloading those pages...<p>All that aside, this is amazing.
评论 #4521454 未加载
评论 #4521467 未加载
评论 #4521446 未加载
metatationover 12 years ago
I get the humor of this library, but in reality wouldn't you just use HTTP 1.1 chunked transfer encoding instead? According to <a href="http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol" rel="nofollow">http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol</a>, that would even work with your IE 2 users.
eliaskgover 12 years ago
Would it be possible to use &#60;canvas&#62; for extracting pixel information as binary data?
评论 #4521909 未加载
评论 #4521856 未加载
barbsover 12 years ago
"The awesome image that illustrates this page was given by the internet." That excellent gif is from "Tim and Eric Awesome Show, Great Job!" Just thought I'd give proper credit where it's due.
aggronnover 12 years ago
Does this work on the iphone? I expect this would be a great alternative to socket.io for mobile that doesn't support websockets or flash.
评论 #4521679 未加载
Xosofoxover 12 years ago
Combine this with a client side JavaScript based OCR implementation, and you could even send TEXT in real-time.<p>Imagine the possibilities !!11!1
eslachanceover 12 years ago
That's pretty amazing, and it's really too bad that this technique wasn't actually available years before... (or was it?)
评论 #4521458 未加载
评论 #4521377 未加载
king_jesterover 12 years ago
This is pretty cool. I don't know if I would use this in production, as people with epilepsy usually disable GIFs to protect themselves, so this tech would probably fail (usually people use an extension or set the browser to only load frame 1 of the GIF and stop).
评论 #4522573 未加载
Phargoover 12 years ago
Couldn't this be used to add another layer of security to a conversation? If there is a way to generate gifs on the fly that contained what you wished to say, it could be used to mask your message from basic text screening and copy/paste.<p>Thoughts?
评论 #4524687 未加载
评论 #4522662 未加载
peterwwillisover 12 years ago
How exactly is this a better approach than multipart/x-mixed-replace, which is designed to push new messages from the server to the client in a stream until the server decides to stop?
macca321over 12 years ago
does it work in email clients?
k2xlover 12 years ago
Question: Could this be used for screen sharing?
dag11over 12 years ago
You can also use image streams: <a href="http://minipenguin.com/?p=647" rel="nofollow">http://minipenguin.com/?p=647</a>
kragenover 12 years ago
The original chat system from 1999 from which he took inspiration was written by Ka-Ping Yee, not an anonymous hacker.
评论 #4523425 未加载
dotborgover 12 years ago
there is no client side code or am I missing something?<p>how do I decode my data from animated gif in javascript?
评论 #4522003 未加载
mikemokaover 12 years ago
if flash wasn't dying already I would have asked if this could have been useful to enable flash games or videos on the ipad... but the answer would have probably been "no" anyway
sametover 12 years ago
Very clever hack.
jcfreiover 12 years ago
hacking at its finest. while real life use cases are debatable the implementation is very, very cool.
foxwoodsover 12 years ago
make a QR code stream, and decode it in browser.
gifplusover 12 years ago
I'm crying. I always wanted one of these. I'm so happy.
Xosofoxover 12 years ago
GIF... that's soooo geocities...<p>Very clever
khangtohover 12 years ago
This is just wrong and needs to die and go away. It's probably fun to read for the 1st minute.
zoowarover 12 years ago
From the example, ;; go and open <a href="http://localhost:8081/" rel="nofollow">http://localhost:8081/</a> in Safari or IE6<p>IE6, are you serious?