felipecoder / utk_render_npm

FiveM Realtime GameView for HTML

utk-render-npm

utk-render-npm is an npm library adapted from the original utk-render code

Installation

npm  i utk-render

Usage

import { GameRender } from 'utk-render'
const gamerender = new GameRender()

Handling Screenshot Uploads

To handle screenshot upload requests you can use this php code: https://github.com/melihozkara/fivem-php-img-uploader

Functions

Request Screenshot

Takes a screenshot and uploads it to the defined url

• Async method:

  async function takeScreenshot() {
      let resp = await gamerender.requestScreenshot("www.exampleupload.com", "files[]");
      console.log("resp", resp);
  }

• Normal method:

  gamerender.requestScreenshot("www.exampleupload.com", "files[]").then((resp) => {
      console.log("resp", resp);
  })

Render GameView to a canvas element

Can be used for a lot of stuff: video calls, video record, live stream ...

• Start canvas render

  const canvas = document.getElementById("videocall-canvas");
  
  gamerender.renderToTarget(canvas);

• Stop canvas render

  gamerender.stop();