Live data from Hacker News

Show HN: Browse HN Together in Three.js

threejs-example.hyperbeam.com

81–90 of 139 posts

Re: Show HN: Browse HN Together in Three.js

#82
post #76

I can browse the Web like I'm in a data center. Speedtest.net shows 776 Mb downloads, 928 Mb uploads. That's way better than the Internet access where I live.

Isn't it awesome? That's also a major use case of the Mighty browser/service https://www.mightyapp.com/

Re: Show HN: Browse HN Together in Three.js

#83

Maybe I'm missing something but I don't understand the multiplayer aspect -- I'm in the interactive Chrome browser I can play with, but there's nobody else here. I'm not browsing together with anybody. If it matters, the HN link redirects for me to: https://threejs-example.hyperbeam.com/672b6071 and the ID at the end stays the same even in incognito. Since this is on the front page and I've been waiting around for 5…

Right now when you click the link we create a new "room" based on your IP. If you share the generated URL (like you did above) then people can join in and cobrowse with you

Maybe create a default room for the HN crowd to join? I also had the same experience as OP... "nobody is here".

Re: Show HN: Browse HN Together in Three.js

#85

does not work. firefox dev

Thanks for letting us know, what version of Firefox are you on? Here's the Github repo by the way: https://github.com/hyperbeam/threejs-example

It does not work in Firefox on Linux.

First of all some spyware stuff from cloudflare gets blocked by the ad-blocker.

But this is not the root of the problem as it doesn't work either without the ad-blocker active.

Minified JS Script dies with some cryptic backtrace.

I've tried on the hyperbeam.com website and it does not work either.

It lies straight in my face about a missing H.264 codec. (Which works fine according to https://test-videos.co.uk/bigbuckbunny/mp4-h264).

It seems you never tested your stuff. The console is full of errors:

  Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://static.cloudflareinsights.com/beacon.min.js/v652eace1692a40cfa3763df669d7439c1639079717194. (Reason: CORS request did not succeed). Status code: (null).

  None of the “sha512” hashes in the integrity attribute match the content of the subresource. -oXZ36ekQX2btnYIZSdj2g
  WEBGL_debug_renderer_info is deprecated in Firefox and will be removed. Please use RENDERER. chunk-vendors.9d9d262d.js:6:31482
  Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://static.cloudflareinsights.com/beacon.min.js/v652eace1692a40cfa3763df669d7439c1639079717194. (Reason: CORS request did not succeed). Status code: (null).

  None of the “sha512” hashes in the integrity attribute match the content of the subresource. -oXZ36ekQX2btnYIZSdj2g
  Some cookies are misusing the recommended “SameSite“ attribute 4
  Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://416c35e0.hyperbeam.com/ok?vm=0. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 200.

  Object { type: "New", payload: {…} }
  app.fc7f578d.js:1:42733
  Object { type: "Create", payload: {…} }
  app.fc7f578d.js:1:42733
  WebRTC: Using more than two STUN/TURN servers slows down discovery 2 vendorlate.27cb1e73.js:14
  WebRTC: Using five or more STUN/TURN servers causes problems 2 vendorlate.27cb1e73.js:14
  Object { type: "Consume", payload: {…} }
  app.fc7f578d.js:1:42733
  Consume error:  cannot consume1
The "cannot consume1" is the error that shows also on the three.js demo.

Re: Show HN: Browse HN Together in Three.js

#86

What sorcery is this? Youtube videos are opening without any delay (within half a second) and there's no frame lag even with 1080 quality setting. How does this work?

It does open without delay, but for me, the sound and video are quite laggy.

I shared my link with my wife but she saw something entirely different... wasn't she supposed to be the same thing as me with the same "room" link?

Re: Show HN: Browse HN Together in Three.js

#87
post #83

Earlier quoted context omitted.

Right now when you click the link we create a new "room" based on your IP. If you share the generated URL (like you did above) then people can join in and cobrowse with you

Maybe create a default room for the HN crowd to join? I also had the same experience as OP... "nobody is here".

Seems like the link with the specific ID in my above comment has become the de-facto shared room now, at least as long as my comment stays at the top :)

Re: Show HN: Browse HN Together in Three.js

#88

Looking over the API docs now https://docs.hyperbeam.com/start-chromium-session First thing that comes to my mind is... this is kind of like Puppeteer. Even if that is what they are using in the background... would they ever expose it so existing Puppeteer apps could plug and play (like https://www.browserless.io/ )?

We're not using puppeteer in the background, but people have asked for puppeteer support. Do you use browserless.io? We think they do a great job and don't see a point competing with them. Would appreciate your thoughts.

Selenium & Appium creator here. I'm kinda jumping up and down at how awesome this demo is. While browser automation with puppeteer would be cool... I see in your docs that you also support running a remote Android emulator. As someone who spends a lot of time in the test automation space, there is a ton of potential here for mobile test automation (spinning up all kinds of different configs). So here's a vote for using the W3C WebDriver spec [1] if you support an automation API -- then you'll get desktop browser /and/ mobile device automation in the same API.. and it's the W3C standard. :-)

1: https://www.w3.org/TR/webdriver2/

Re: Show HN: Browse HN Together in Three.js

#89

Earlier quoted context omitted.

Thanks for letting us know, what version of Firefox are you on? Here's the Github repo by the way: https://github.com/hyperbeam/threejs-example

It does not work in Firefox on Linux. First of all some spyware stuff from cloudflare gets blocked by the ad-blocker. But this is not the root of the problem as it doesn't work either without the ad-blocker active. Minified JS Script dies with some cryptic backtrace. I've tried on the hyperbeam.com website and it does not work either. It lies straight in my face about a missing H.264 codec. (Which works fine accordin…

You most likely need this plugin: https://support.mozilla.org/en-US/kb/open-h264-plugin-firefo...

Seems like in Firefox, H.264 in WebRTC is supported in an entirely different fashion than other kinds of H.264, like in an MP4 file.

Re: Show HN: Browse HN Together in Three.js

#90
The underlying work you guys have done is great as a proof of concept, and after playing with it for a short while there are some obvious flaws and improvements which basically just come down to user experience.

As it stands, everyone's inputs clash.

The main issue is there's a single mouse pointer and keyboard input that all users control. It's quite chaotic as people scroll, click, select, etc. Provide some mechanism to nominate control authority or vote on interaction and it might be usable.

Post reply on HN