Little advice #53

wingchaos · 2018-04-13T03:53:58Z

A. supports ActWebScoket

B. adds a button to stop encounter

C. hasn't thought well yet

LOL

bsides · 2018-04-14T18:42:27Z

Hi @wingchaos!
Sure thing I will implement it in the next few days. Thanks for posting 👍

bsides · 2018-04-27T20:55:49Z

Hey @wingchaos could you explain suggestion A for me? I'll try to implement B this weekend 👍

EvilSakray · 2018-04-29T11:10:29Z

A. is kinda already done @bsides
You just need to have references to the ACT WebSocket scripts urls (maybe jquery as well) on your parser html layout in the head section:

<head> 
[...]
<script src="https://ZCube.github.io/ACTWebSocket/Sample/actwebsocket.js"></script>
<script src="https://ZCube.github.io/ACTWebSocket/Sample/actwebsocket_compat.js"></script>
[...]
</head>

See: https://github.com/ZCube/ACTWebSocket

I don't think it requires anything more from you.

Then users need to have the actual ACTWebSocket plugin to make use of it.
However if you host the overlay yourself with ActWebSocket on a server that obviously supports websocket, it means people will be able to send their fight data to your server which might generate trafic you don't want. (Unless I'm wrong about that part? D: )

Haeru overlay supports it for instance:
http://haeru.xyz/index.html?HOST_PORT=ws://[Local IP:Port of the server ACTWebSocket plugins creates]

This is mainly used for people streaming (they can easily capture the overlay into their stream using a BrowserSource that renders a web page instead of using Monitor Capture and such, which is pretty bad for performances)

Hope I managed to be clear 😢

bsides · 2018-04-30T17:16:46Z

Awesome @EvilSakray, it made perfect sense. I'll look more into them today. Also, I always wanted to stream with the parser too, thanks for sharing it!

bsides · 2018-05-06T19:38:32Z

Hi @EvilSakray, I tried to implement it but I don't think it's working. I'll look more into it. Right now the JS are there (and throwing some errors) but I could just put it inside my build to fix it (to transform new js to old js).

bsides · 2018-05-06T20:15:45Z

It's definitely not working. I would need an example of implementation because those JavaScript are just samples and they don't tell much of how the plugin works. @HAERUHAERU code is very long so it's being a little hard to find where it is so maybe I could ask him for some advice. I'll let you know whenever it's ready.

bsides · 2018-05-07T01:21:26Z

Well I have news.

Good news: I got it working! It was as pleasant as I would suppose but it really works.
Bad news: I can't get it to work on the current URL because github serves from HTTPS, which is Secure HTTP and the websocket serves from an unsecured protocol (WS > should be WSS). There is an option in the ActWebSocket Plugin to serve it with SSL but Chrome would still complain about a certificate, since although you'd be serving as WSS, you're not really passing along a secure protocol without a certificate.

To sum it up, I opened an issue to the author of ActWebSocket ZCube/ACTWebSocket#21 to try to solve this.

EDIT: I posted a working version at my server, so if you want to test it, the URL for the overlay is: http://rafaelp.com.br/horizoverlay

Meanwhile, if you want to test it, you could do it by running locally. It's not easy, but it works.

Instructions to run locally:

Install nodejs

Install git

Clone this repository: on a command prompt, type git clone https://github.com/bsides/horizoverlay.git

Go to the project's folder: cd horizoverlay

Once inside the folder, install its dependencies by running: npm install

Go to the branch actwebsocket: git checkout actwebsocket (if it gives you an error, try git checkout origin/actwebsocket)

After this command is complete, type: npm run build

You'll have a subfolder now called build with an index.html you could put inside OverlayPlugin.

To make it work, you should host it. To host locally, run npm i -g serve then, inside the project's folder, run serve build. It will host locally the pages from the build folder.

You can now visit http://localhost:5000 and see the overlay working. You could also put that url into ActWebSocket plugin.

It's a lot of work but I'll to solve this asap.

Thanks for the input!

ZCube · 2018-05-07T04:44:43Z

I add reverse proxy for github.io
You can use it likes http://localhost:10501/github/bsides/horizoverlay/ with ACTWebSocket 1.3.3.2
So I'll close ZCube/ACTWebSocket#21

EvilSakray · 2018-05-10T17:04:16Z

@bsides Thanks I'll give it a try when I'm back from holidays.

EvilSakray · 2018-05-22T14:46:18Z

@bsides I had tried it, working fine except the sort order was reversed for me (unless it's a configuration client side, I didn't try without ACT Web Socket)

I had 8. = Highest DPS & 1. rank player = Lowest

bsides · 2018-06-04T14:45:41Z

@EvilSakray Could you send me a screenshot of your config and your reverted order thing?

EvilSakray · 2018-06-14T12:18:24Z

Sorry for the late reply:

The lowest dps is rank 1 on the far left and highest rank 8 on the far right.. it should be the opposite?
It might come from how I configured ACT itself though, but unsure where to change that.

What configuration screen do you want a screenshot of?

ghost · 2018-06-15T12:30:16Z

@bsides Sorry to hijack this issue but I guess it's the right spot to ask for help with ACTWebSocket. I have setup ACTWebSocket and can access the parser in the browser via http://rafaelp.com.br/horizoverlay/?HOST_PORT=ws://[::1]:10501/#/. Unfortunately there are two issue:

At the end of an encounter the DPS bar completely disappears and the page turns empty which is really not expected. When running the parser in the OverlayPlugin it works as expected.
Are the any ways to pass options to the page? I wanted to use the URL as a Browser Source in OBS for streaming, however I cannot change the options when embedding the page in my stream.

EvilSakray · 2018-06-15T15:04:35Z

@nearautomata As i'm also using browser source in OBS; i'll try answering D;

Not sure, I thought the dps bar disapearing to only leave the area / fight length / raid dps was actually a feature. Unless you got nothing to show at all anymore once out of a fight, in which case I've got no clue. As far as I'm concerned, the area information bar being pretty transparent, i actually changed the css background-color of it through OBS itself since it lets you do so since I would not always see it well.
You can configure the overlay first in OBS by setting this url in the BrowserSource first: http://rafaelp.com.br/horizoverlay/#/config
Then right click the source and pick "Interact" to be able to set it up as you wish.
Settings will be saved if you keep the same source object in your scene and just change the url back to
http://rafaelp.com.br/horizoverlay/?HOST_PORT=ws://[::1]:10501/#/ once you're done.

ghost · 2018-06-15T18:05:06Z

@EvilSakray

In my case all combatants are disappearing and I have the location/target/duration bar disabled anyways. I don't know whether it's a feature or not but I dislike that everything disappears at the end of an encounter. If it's a feature, there should be an option to toggle that behaviour in the first place. Furthermore I stumbled upon even more bugs like combatants being in the opposite order or Limit Break not appearing in the list but still preventing the last (or first) combatant to be visible.
That feature seems to be what I am looking for but it hasn't been implemented in Streamlabs OBS yet. Therefore i have to wait for it.

bsides · 2019-07-04T15:01:25Z

Sorry for the very late reply, I'll look more into it in the next version of the overlay. For now, if you need anything (or the questions above are still valid) let me know in another issue, please.

Thanks again for bringing me this!

bsides added the enhancement label Apr 14, 2018

bsides closed this as completed Jul 4, 2019

bsides added external help wanted labels Jul 4, 2019

doonga mentioned this issue Jul 30, 2019

Split encounter #83

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Little advice #53

Little advice #53

wingchaos commented Apr 13, 2018 •

edited

Loading

bsides commented Apr 14, 2018

bsides commented Apr 27, 2018

EvilSakray commented Apr 29, 2018 •

edited

Loading

bsides commented Apr 30, 2018

bsides commented May 6, 2018

bsides commented May 6, 2018

bsides commented May 7, 2018 •

edited

Loading

ZCube commented May 7, 2018 •

edited

Loading

EvilSakray commented May 10, 2018

EvilSakray commented May 22, 2018

bsides commented Jun 4, 2018

EvilSakray commented Jun 14, 2018 •

edited

Loading

ghost commented Jun 15, 2018

EvilSakray commented Jun 15, 2018 •

edited

Loading

ghost commented Jun 15, 2018

bsides commented Jul 4, 2019

Little advice #53

Little advice #53

Comments

wingchaos commented Apr 13, 2018 • edited Loading

bsides commented Apr 14, 2018

bsides commented Apr 27, 2018

EvilSakray commented Apr 29, 2018 • edited Loading

bsides commented Apr 30, 2018

bsides commented May 6, 2018

bsides commented May 6, 2018

bsides commented May 7, 2018 • edited Loading

EDIT: I posted a working version at my server, so if you want to test it, the URL for the overlay is: http://rafaelp.com.br/horizoverlay

ZCube commented May 7, 2018 • edited Loading

EvilSakray commented May 10, 2018

EvilSakray commented May 22, 2018

bsides commented Jun 4, 2018

EvilSakray commented Jun 14, 2018 • edited Loading

ghost commented Jun 15, 2018

EvilSakray commented Jun 15, 2018 • edited Loading

ghost commented Jun 15, 2018

bsides commented Jul 4, 2019

wingchaos commented Apr 13, 2018 •

edited

Loading

EvilSakray commented Apr 29, 2018 •

edited

Loading

bsides commented May 7, 2018 •

edited

Loading

ZCube commented May 7, 2018 •

edited

Loading

EvilSakray commented Jun 14, 2018 •

edited

Loading

EvilSakray commented Jun 15, 2018 •

edited

Loading