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.

Ultrafast single TCP packet audio/visual experience

265 pointsby willlllover 7 years ago

26 comments

richdoughertyover 7 years ago
For those you are wondering, this is a webserver that serves an HTML page in a single TCP packet. I guess ≤ 1500 bytes to avoid fragmentation - shows as 1.1KB in Chrome&#x27;s network view. The HTML contains embedded JavaScript that runs a simple demo with animated ASCII and playing a LOUD changing audio tone.<p>You can visit the demonstration website here: <a href="http:&#x2F;&#x2F;packet.city&#x2F;" rel="nofollow">http:&#x2F;&#x2F;packet.city&#x2F;</a><p>You can see a screenshot of the demo here: <a href="http:&#x2F;&#x2F;www.p01.org&#x2F;128b_raytraced_checkboard&#x2F;" rel="nofollow">http:&#x2F;&#x2F;www.p01.org&#x2F;128b_raytraced_checkboard&#x2F;</a>
评论 #15282778 未加载
评论 #15281188 未加载
评论 #15281596 未加载
评论 #15286363 未加载
评论 #15281368 未加载
评论 #15283674 未加载
zengidover 7 years ago
Pro-tip: If you are doing additive synthesis and want to stack sine-waves in a harmonic series, please scale each successive n harmonic to an amplitude of 1&#x2F;n. It creates a much more tolerable experience.
评论 #15281751 未加载
评论 #15281899 未加载
TCMover 7 years ago
Hi, this website is really loud and if you are using Headphones I would mute it or turn them down a bunch. It also will autoplay the sound.
评论 #15281643 未加载
davidmurdochover 7 years ago
Interesting to see DEFLATE over GZIP here, as it is something I used to recommend maybe 7 or so years ago. I collected results for several years and began seeing more browsers dropping support for raw deflate (or switching to zlib deflate).<p>I accidentally let my hosting account expire years ago and lost the server code and db for it, but managed to pull the HTML from the way back machine. I&#x27;ve backed up the results here: <a href="https:&#x2F;&#x2F;davidmurdoch.com&#x2F;compression-tests-results&#x2F;" rel="nofollow">https:&#x2F;&#x2F;davidmurdoch.com&#x2F;compression-tests-results&#x2F;</a>. It&#x27;s all pretty outdated now, but rather fun to look at.<p>Anyone know if this is using raw DEFLATE or ZLIB (HTTP 1.1 DEFLATE)?
joostersover 7 years ago
Response headers:<p><pre><code> HTTP&#x2F;1.1 200 k Content-Length: 1163 content-encoding: deflate </code></pre> I guess the &#x27;200 k&#x27; instead of &#x27;200 OK&#x27; saves an extra byte! :)<p>However, since they don&#x27;t do any HTTP keep-alives (the connection sends a HTTP response and closes before you even send it anything), couldn&#x27;t they save some space by dropping the Content-Length? It&#x27;s an optional header.
评论 #15286175 未加载
robocatover 7 years ago
<a href="http:&#x2F;&#x2F;packet.city&#x2F;" rel="nofollow">http:&#x2F;&#x2F;packet.city&#x2F;</a><p>summary: A demo scene page that is smaller than a single IP frame and uses some flags to avoid other round trips.<p>view-source:<a href="http:&#x2F;&#x2F;packet.city&#x2F;" rel="nofollow">http:&#x2F;&#x2F;packet.city&#x2F;</a><p>The page itself and view-source only work on some browsers. Use wireshark etc to see what it actually does.
评论 #15282659 未加载
nqzeroover 7 years ago
&gt;the greatest website to ever fit in a single TCP packet<p>a blank page would be an improvement - that was seizure inducing
评论 #15281412 未加载
teh_klevover 7 years ago
CAUTION: This is just about popped my speakers and my eardrums, this is pretty obnoxious behaviour regardless of the technical cleverness going on.
davrosthedalekover 7 years ago
Does the high pitched sound make my Amazon Echo order something?
评论 #15281280 未加载
bpicoloover 7 years ago
This will upset any cat in the vicinity
评论 #15281162 未加载
评论 #15283061 未加载
nfriedlyover 7 years ago
They spend nearly 75% of the page weight on that party parrot image - if they dropped that, the rest of the page could probably be a lot more impressive (and less screechy!)
评论 #15292702 未加载
wmfover 7 years ago
Also ultraloud. Turn down the volume before clicking.
kozakover 7 years ago
Looks like the browser spends most of the loading time resolving DNS.
评论 #15285795 未加载
评论 #15286037 未加载
ricardobeatover 7 years ago
What is it? Nothing happens on mobile Safari.
评论 #15281634 未加载
tibbonover 7 years ago
My cat had opinions about the sound this website makes.
mkjover 7 years ago
Nice work. I guess it&#x27;d just as quick if it sent up to ~4kB - that&#x27;s the normal TCP initial window? <a href="https:&#x2F;&#x2F;tools.ietf.org&#x2F;html&#x2F;rfc3390" rel="nofollow">https:&#x2F;&#x2F;tools.ietf.org&#x2F;html&#x2F;rfc3390</a>
评论 #15281477 未加载
nathan_longover 7 years ago
All hail the rise of the Single Packet Web App.
评论 #15289958 未加载
Geeeover 7 years ago
How is it that loud? It&#x27;s not tolerable even on minimum settings on my iMac.
评论 #15283530 未加载
评论 #15283042 未加载
kitotikover 7 years ago
Desktop Safari: Can&#x27;t find variable: AudioContext<p>No room for vendor specific prefixes :|
wognaover 7 years ago
Why is the tcp socket set to busy poll for 1 microsecond?
评论 #15285804 未加载
converyover 7 years ago
Now I&#x27;m curious, could one minimize this further? As in, making Chrome accept UDP to get rid of SYN&#x2F;ACK etc.
remarover 7 years ago
Been years since I went through Beej&#x27;s socket programming tutorial but I still recognize his code ;)
drvdevdover 7 years ago
Nice. I was just reviewing some TCP fundamentals with my friend for his class, specifically sliding windows and window control, etc.<p>It&#x27;s as if they took what we were just reading in a compsci textbook for class and directly monetized it.
jest7325over 7 years ago
It might be fast but does it handle load? Did you try to benchmark it with a service like <a href="https:&#x2F;&#x2F;ddostest.me" rel="nofollow">https:&#x2F;&#x2F;ddostest.me</a>
rosstexover 7 years ago
Is there a breakdown of the expanded HTML&#x2F;JS?
quickthrower2over 7 years ago
Any direct link? Do I need to build this mofo?