[API/dev resource] screenshot-basic - make screenshots of clients' games!

hyperfocus13 · 2019-07-10T10:09:25.629Z

Option 1-2-3 not work for me and ı cant be understand what ı am gonna be do with option 4 ?

eilex · 2019-08-04T13:27:11.207Z

I’ve done some testings with NVIDIA and AMD cards and it works fine on NVIDIA but with AMD GPUs I always get black screenshots, maybe It’s related with this https://github.com/mrdoob/three.js/issues/14137

EDIT: Maybe its a problem with the GLSL because AMD GLSL compiler its strict while NVIDIA’s compiler is laxer https://www.geeks3d.com/20101002/tips-how-to-quickly-test-glsl-shaders-for-ati-on-a-nvidia-system/

EDIT2: Sorry for too many edits, after some tests I found GLSL is working as intended, I think the trick with the CfxTexture is not working on AMD GPUs

ItzAlexYTB · 2019-08-07T09:55:41.569Z

have you fixed it ?

eilex · 2019-08-07T12:32:55.916Z

As Nowimps8 said try adding on top of your server “.bat” but with 850 instead

@ECHO OFF
CHCP 850
CLS

DuvelMaPsa · 2019-08-08T16:22:07.284Z

Any solution for this?

Could not start dependency webpack for resource screenshot-basic.
musl libc (x86_64)
Version 1.1.22
Dynamic Program Loader
Usage: /home/dev/fx-server/alpine/opt/cfx-server/ld-musl-x86_64.so.1 [options] [--] pathname [args]
retrieved banlist
Building resource webpack failed.
Error data: yarn failed!

Just updated cfx, same thing

eilex · 2019-08-09T03:48:19.269Z

Its because yarn is not working on Linux, check this Webpack on Linux Server - #6 by CruelAlpha

If you have a windows machine you can take a workaround following this steps:

Create a fivem server on windows and add this resource to it.
Add “start yarn” and “start screenshot-basic” to your server.cfg.
Start the server and let it build the resource webpack.
Open the “__resource.lua” of screenshot-basic and remove the following lines:

> dependency 'yarn'
> dependency 'webpack'
> webpack_config 'client.config.js'
> webpack_config 'server.config.js'
> webpack_config 'ui.config.js'

Delete the following files and folders (not needed because the resource is builded now)

node_modules
src
ui
client.config.js
server.config.js
ui.config.js
yarn.lock
dist\ui.js

Move the screenshot-basic resource folder to your Linux server and it’s ready to go

Sorry for my bad english, hope this helps you

AntwanR942 · 2019-08-10T00:01:25.845Z

Why does it when you upload to wew.wtf/upload.php it shares the same link, so after you have taken a screenshot of a client it only shows the first screenshot as a new link is not generated.

eilex · 2019-08-13T17:10:21.640Z

It took me a while to understand your problem
The data you get back after uploading an screenshot it’s sent by the remote server and can be happening two things:

The remote upload server is not sending any data to access the image (if it sends it back, don’t confuse with request url) or its faulty.
The response from the remote upload it’s being cached and that’s why you get alwais the same url back.

With the first case if it’s your own service check it sends back valid information, if it’s a third party service I can’t help you with it.

In the second case you have to add an small modification to the code and rebuild the resource, I recommend you doing this with a fresh copy of screenshot-basic before runing the resource. Under line 173 and 184 of ui/src/main.ts (screenshot-basic/ui/src/main.ts at de9ecac9e7ec90aeda4260d54b34e5f87ee6fa93 · citizenfx/screenshot-basic · GitHub screenshot-basic/ui/src/main.ts at de9ecac9e7ec90aeda4260d54b34e5f87ee6fa93 · citizenfx/screenshot-basic · GitHub) add the following line.

cache: ‘no-store’,

so you will end having this

mode: ‘cors’,
cache: ‘no-store’,
body: (request.targetField) ? getFormData() : JSON.stringify({

mode: ‘cors’,
cache: ‘no-store’,
body: JSON.stringify({

Note: Be carefull copying this because quotes get stylished here and you need simple quotes.

Hope this helps you

AntwanR942 · 2019-08-13T17:37:43.720Z

So I have good news and bad news.

Good news is that it is making a fresh new link per upload unlike before, confirming the latter of the 2 problems you suggested is the problem.

Bad news is that it isn’t taking a fresh image. Although a new link is being returned I think it is caching the first screenshot therefore if I move and then take another screenshot it would still show what I had before I moved.

I done this with a fresh version of screenshot-basic.

mmando · 2019-08-17T19:56:55.068Z

What export should i use to get my screenshot uploaded to the resource folder or somewhere on my server files

AntwanR942 · 2019-08-17T20:01:50.528Z

@mmando

exports['screenshot-basic']:requestClientScreenshot(GetPlayers()[1], {
    fileName = 'cache/screenshot.jpg'
}, function(err, data)
    print('err', err)
    print('data', data)
end)

This when called by the server to all or a specific client will save a screenshot as a .jpg to the cache, the location can be changed to see fit.

BestLifeOwner · 2019-08-17T20:23:03.217Z

Did you fix the black screen?

AntwanR942 · 2019-08-17T21:50:55.371Z

Before you connect to the server make sure FiveM is in fullscreen.

mmando · 2019-08-17T21:52:40.259Z

well i got that error

No such export requestClientScreenshoot in resource screenshot-basic

fixed my bad i had to use it as server side

AntwanR942 · 2019-08-17T22:07:44.932Z

I remember getting that error but can’t remember how I fixed it.

Obamaa · 2019-08-19T06:44:22.659Z

Getting this error when attempting to install yarn

Obamaa · 2019-08-19T06:47:58.209Z

Did you manage to fix this problem? If you did, how so?

molybdenum · 2019-08-19T07:05:37.676Z

As said on chat:

github.com/nodejs/node

Error: write EIO

opened 12:36PM - 08 Jun 15 UTC

closed 06:05AM - 16 Jun 15 UTC

JacksonTian

iojs version v2.2.1, platform windows 64. save following code as test.js: console.log("中文测试"); change page code: chcp 65001 execute code: C:\Users\puling.tyq\Desktop>node test.js null events.js:141 throw er; // Unhandled 'error' event ...

windows

Really, Node? Why fail fatally if a console is not using TrueType fonts, like all default console on non-East Asian Windows before 10?

TL;DR: enable TrueType fonts for your console defaults.

Obamaa · 2019-08-19T08:01:57.806Z

Thank you. I got it working properly.

eilex · 2019-08-19T17:45:08.510Z

I think I found why this gives black screenshots on some GPUs, allmost on AMD GPUs. It’s because this works by using three OpenGL extension filters on a custom material, two of them “ARB_sparse_texture_clamp” and “ARB_texture_filter_minmax” are not implemented well implemented on AMD cards.

https://www.khronos.org/registry/OpenGL/extensions/ARB/ARB_sparse_texture_clamp.txt
https://www.khronos.org/registry/OpenGL/extensions/ARB/ARB_texture_filter_minmax.txt (I think this one does the magic)

In unextended OpenGL, minification and magnification filters such as LINEAR allow texture lookups to returned a filtered texel value produced by computing an weighted average of a collection of texels in the neighborhood of the texture coordinate provided.

AMD RADEON RX 580 (NON WORKING CARD)

image774×452 33.6 KB

NVIDIA GTX 970 (WORKING CARD)

image821×659 46.1 KB