HTML5 terminal

http://www.htmlfivewow.com/slide32

by arunabh • 15 years ago

184 52 15 years ago

Achshar• 15 years ago

I remember seeing it at some google presentation.

city41• 15 years ago

This website itself (that is, go to http://htmlfivewow.com/) is a (very nice) Google presentation on HTML5. I've learned about a few APIs I didn't know existed.

ot• 15 years ago

What is '3d' supposed to do? It crashes on my browser (Chrome 15)

patrickod• 15 years ago

I tried 3d and was too confused as to its purpose. I didn't experience a crash however and I'm using the same version of Chrome on OSX

ale55andro• 15 years ago

I got a crash ( using chrome on windows 7). I did get to see a slow scrolling rectangular 3d cube before the tab crashed. The crash is probably due to the specific video card I have in use. Nice demo still.

llambda2• 15 years ago

3d doesn't seem to do much of anything (Safari 5.1.1, OS X). It doesn't crash but it doesn't seem to do anything aside from changing the height of the terminal and creating a large, blank space above it.

VoxelBoy• 15 years ago

It brings up a 3D view of a thin box which you can orbit around using the left mouse button. Works here on Chrome 15 (Mac) but I believe I enabled some WebGL related flags a while ago.

JBiserkov• 15 years ago

3d shows you a 3d visualization of the file/directory structure (which is empty by default), try mkdir or adding file from your computer with drag'n'drop (in the terminal, not the visualization).

keys1234• 15 years ago

or try 'init' - loades some random files.

evlapix• 15 years ago

It renders a square tile that is rotatable with your mouse.

losvedir• 15 years ago

Try using "mkdir" to create a couple directories and then navigating around. It's pretty cool, actually.

llambda2• 15 years ago

Pretty cool to see HTML5 in action like this. It runs quite well and even though seemingly lacking in some functionality is one of the better terminal emulators I've seen in the browser. It'd be nice to see some additional utilities though, such as curl and lynx would be a nice meta-utility. ;)

nakkiel• 15 years ago

There's wget.

brimpa• 15 years ago

`wget` returns an error with every URL I try.

DevX101• 15 years ago

The unix console from jurassic park is finally brought to life!

3d works for me on chrome (Windows 7). It creates a 3 dimensional representation of the file structure.

DanBC• 15 years ago

Weirdly I mentioned the Jurassic Park interface in another HN thread.

(http://news.ycombinator.com/item?id=3225701)

Link to software and descriptions (http://nooface.net/3dui.shtml)

wazoox• 15 years ago

In case you're having an IRIX machine available, here is a page with a working link to the software : http://www.siliconbunny.com/fsn-the-irix-3d-file-system-tool...

vidarh• 15 years ago

What do you mean "finally"? The file manager in Jurassic Park was a (fully working) demo 3d file manager shipped with SGIs. I played with it on my university computers back in '94.

cmwright• 15 years ago

It would be great to see TermKit[1] implemented in a demo like this.

[1] https://github.com/unconed/TermKit

hvass• 15 years ago

3D didn't crash on me (Chrome 15 latest), but nothing is happening?

zobzu• 15 years ago

yay for web standards such as HTML5! (it doesnt work in my browser, in fact i guess it just works in chrome)

melling• 15 years ago

Then install Chrome. HTML5 isn't an official standard yet. If you want to play on the bleeding edge, you're gonna need Chrome. Chrome and Firefox get updated every 6 weeks so things are changing fast.

On another note, we need a suite so Opera, Webkit, Chrome, and Firefox can certify against. An Acid test for all the new technology.

roryokane• 15 years ago

Here is one such test suite: http://html5test.com/

alexwolfe• 15 years ago

Hmmm, you want someone to spend 5 days coding for your browser when you could spend 1 minute to upgrade. Nice.

jsmcgd• 15 years ago

Working on Ubuntu 10.04 with Chrome 15. It looks really good!

vaksel• 15 years ago

seems to only work in chrome...that's why I'm a bit weary of using this new stuff...since chances are that 90% of your users won't be able to get the full experience

sjs• 15 years ago

If you don't test and fix things for multiple browsers this is true of any web standard, not just the latest versions of CSS, JS, and HTML.

SagelyGuru• 15 years ago

Invisible font in Opera - amazing indeed ;)

jroseattle3• 15 years ago

With each new HTML5 demo of something that comes up, I get the sneaking suspicion that HTML5 adoption is going to be slow.

It seems the capabilities of HTML5 and what you can do with it from an application basis are fine and dandy. It's just my observation and very-limited experience, but I've yet to see anything that really knocks it out of the park for me.

I'm currently working on a project that relies heavily on client-side javascript and flash (for media delivery). We have spent some time evaluating HTML5 and whether we should "cut the cord" and move to developing for that basis.

At this point, we've determined it makes no sense to do so for one simple reason -- it offers us no valued advantage over our current investment. While we hope to see the adoption improve, we're not holding our collective breath.

icebraining• 15 years ago

HTML5 works on phone and tablet browsers; Flash barely does, and it won't at all in the near future.

jroseattle3• 15 years ago

We're well aware of the Flash situation with non-desktops.

It brings us to a major business decision.

Do we begin migration away from Flash (which we despise with a white-hot passion), even though it represents > 90% of our customers environments? Though a few have asked about our tablet strategy, we haven't had any customers (specific vertical market, enterprise space) push the tablet/mobile conversation.

If it were purely a technical motivation, we would have abandoned Flash long ago. But, we can't yet make the migration away from Flash without seeing good HTML5 support on our customers' desktops.

runn1ng• 15 years ago

The thing is, as I played a bit with HTML5, it doesn't actually work that well on mobile browsers either.

It does work reasonably well on iOS, but on Android Browser, Flash does usually work better than HTML5. Which is a bit sad.

nitrogen• 15 years ago

It's possible that the HTML5 revolution will come from new developers that never learned Flash (or, who like me, tried it once in high school, but didn't inhale).

Volpe• 15 years ago

What exactly can't you do in html5 that you can do in flash?

jroseattle3• 15 years ago

Not sure. Why?

keyle• 15 years ago

Provide a working solution for all customers. Not just 25% of them.

esrauch• 15 years ago

Actual audio support really isn't there as far as I can tell.

snorkel• 15 years ago

No joy on FF7 Mac.

justinrohrer• 15 years ago

Did anyone else you try using sudo and see the results?

Make sure to turn the volume nice and loud!

andrewflnr2• 15 years ago

Augh! How do you make it stop?

grunar• 15 years ago

Reading through it I see the code is available on google code:

http://code.google.com/p/html5wow

ender7• 15 years ago

One of my favorite things about the web:

I just learned three new CSS tricks from using the web inspector to figure out how he accomplished some things.

phzbOx• 15 years ago

Which ones?

billpatrianakos• 15 years ago

Yeah, which ones? I'm actually building a simple browser based text editor (think Writeroom/iaWriter/the other distraction-free editors) but in a browser with full-screen mode if I can figure that out.

I'm really interested in how he got the caret customized like a terminal caret or cursor, whatever you want to call it. I'm decently experienced with web programming but I'm e,harassed to say I don't know JavaScript which is a must these days.

This little project inspired me and let me know that what I'm thinking of is possible.

systemtrigger2• 15 years ago

Terminal.js is good reading. According to his comments there, Eric plans to add tab suggest and html5 audio fallback. I wonder what the end game for this project is and if a text editor is coming - * crosses fingers for vim*.

Edit: The entire deck is impressive. Click the Chrome icon here: http://www.htmlfivewow.com/slide52.

systemtrigger2• 15 years ago

This is awesome. I dragged an audio file, ran open to play it and a later slide showed the dir, let me adjust playback rate etc. May fork.

Project homepage: https://code.google.com/p/html5wow/

Edit: I am late to the game, just found html5rocks. Wow.

jscheel• 15 years ago

Seems to be another hidden (in addition to sudo, which is awesome btw) command called "init". Give it a whirl.

andrewflnr2• 15 years ago

The first thing I tried was `uname`, but it didn't work. I was kind of expecting it to do something clever.

SuperJ• 15 years ago

Type in "sudo". Its funny.

switz• 15 years ago

Hit Control+S to make the terminal look like a CRT+flicker.

(Found by looking through the js)

HTML5 terminal

Related Stories