Code Monkey home page Code Monkey logo

neat-rtc's Introduction

Summary

  • Senior Full-Stack Engineer
  • Working with Node.js, React, TypeScript, Docker
  • Experimenting with Bun, Tauri, Rust, Deno
  • Following WebRTC, new tools and technologies
  • See my portfolio website, built with React

Projects

  • VideoLink (P2P Video/text, Filters, Photo, Gomoku)
  • Webshop (PayPal payment, Admin panel, Themes)
  • BuildMaster (PC generation, Game requirement check)

Open source

  • MERN Seed (Node, React, MongoDB, TypeScript, Docker)
  • Deno Seed (Deno, React, MongoDB, Docker)
  • Neat RTC (WebRTC, Node, React, Vue)

Contributions

StackOverflow

profile for Tamas Szoke at Stack Overflow, Q&A for professional and enthusiast programmers

GitHub

GitHub stats
Top Langs

neat-rtc's People

Contributors

dependabot[bot] avatar tamasszoke avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

neat-rtc's Issues

[enhancement] Provide own MediaStream

I'd like to provide my own MediaStream to rtc.media("start").

Neat-RTC currently hardcodes getUserMedia and provides no access to the internal streamLocal, so the only way of doing this from my own code, as it stands, is to temporarily override navigator.getUserMedia and inject my own stream into the success callback. This is not good, so I'd like to provide a stream as an optional parameter.

I am using this to switch between webcam and screen-sharing (getDisplayMedia), whilst controlling the audio stream.

I can submit a pull request if you wish?

STUN/TURN?

to use something like this in production, how would you implement a stun/turn server with this? Is there any guidelines or tutorial on this? I might be asking the wrong question as i haven't looked at your codebase and I m new to WebRTC in general

module import failing on react app

Hi, thanks sharing a pretty neat framework! I'm working with a react app, and upon importing the module using import NeatRTC from 'neatRTC', I get module not found. I see that neatRTC shows up under node mudules folder. However, it is missing the dist folder. I'm fairly new to react, but I think the package not having a dist folder might be the issue

vue exemple

I try to launch the vue exemple but i get this error..
Can you help me please :)

internal/modules/cjs/loader.js:800
throw err;
^

Error: Cannot find module 'D:\Dev\neat-rtc\examples\clients\vue\build\webpack.dev.conf.js'
Require stack:

  • D:\Dev\neat-rtc\examples\clients\vue\node_modules\webpack-cli\bin\utils\convert-argv.js
  • D:\Dev\neat-rtc\examples\clients\vue\node_modules\webpack-dev-server\bin\webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:797:15)
    at Function.Module._load (internal/modules/cjs/loader.js:690:27)
    at Module.require (internal/modules/cjs/loader.js:852:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at WEBPACK_OPTIONS (D:\Dev\neat-rtc\examples\clients\vue\node_modules\webpack-cli\bin\utils\convert-argv.js:114:13)
    at requireConfig (D:\Dev\neat-rtc\examples\clients\vue\node_modules\webpack-cli\bin\utils\convert-argv.js:116:6)
    at D:\Dev\neat-rtc\examples\clients\vue\node_modules\webpack-cli\bin\utils\convert-argv.js:123:17
    at Array.forEach ()
    at module.exports (D:\Dev\neat-rtc\examples\clients\vue\node_modules\webpack-cli\bin\utils\convert-argv.js:121:15)
    at Object. (D:\Dev\neat-rtc\examples\clients\vue\node_modules\webpack-dev-server\bin\webpack-dev-server.js:84:40) {
    code: 'MODULE_NOT_FOUND',
    requireStack: [
    'D:\Dev\neat-rtc\examples\clients\vue\node_modules\webpack-cli\bin\utils\convert-argv.js',
    'D:\Dev\neat-rtc\examples\clients\vue\node_modules\webpack-dev-server\bin\webpack-dev-server.js'
    ]
    }
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! [email protected] dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the [email protected] dev script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

Connect to another frontend

Hello,

I am playing around with the react example and was wondering if it would be possible to connect the example to another front-end application (eg. vanilla react) that does not use neat-rtc library. Will it be able to send/receive media like how it is doing in the example?

Untitled Diagram

Sorry if I'm not making any sense. Kinda hard to explain.... Please let me know if you need further explanations

Thank you

UPDATE

I installed socket.io-client on react without neat-rtc and i was able to connect to the server from the example. I am also able to join the room and get signaling messages using the socket.on(‘join’) and socket.on(‘signaling’) event. But I’m still not sure how to stream webcam from one app to the other

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.