Giter VIP home page Giter VIP logo

jeeliz / jeelizglassesvtowidget Goto Github PK

View Code? Open in Web Editor NEW
270.0 16.0 141.0 3.17 MB

JavaScript/WebGL glasses virtual try-on widget. Real-time camera experience, robust to all lighting conditions, high-end 3D PBR rendering, easy integration, fully customizable.

Home Page: https://jeeliz.com

License: Other

JavaScript 83.91% SCSS 8.91% CSS 7.18%
3d augmented-reality camera glasses javascript pbr real-time try-on virtual vto

jeelizglassesvtowidget's People

Contributors

xavierjs 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jeelizglassesvtowidget's Issues

About PNG usage

Hi is it possible to use PNG images instead of 3D glasses?

100% GPU Usage on AMD Vega 64

Hi, having a weird issue with just your regular demo.html file. When I open it, it works fine but my GPU fan spins up and the GPU itself starts having massive coil whine because it is being pushed to 100% usage for the duration of the demo. (see image below)

image

Just wondering if this is a known issue?

Capture image

I'm trying to put a Capture Image button into the VTO Canvas.
When I call the function JEEWIDGET.capture_image(15, captured(), false); I get this error in console:
'ma is not a function' from the file JeelizNNCwidget.js

(captured() is my function callback).

worst then before entirely not working

i posted yesterday about the invalid SKU exception but now its not working even a bit... not asking about the permission of webcam. nothing is happening. tried different browser's mozilla, chrome even UC browser. and also tired different laptops still no luck.

image is attached.

image

What’s the process for adding new frames?

Hi I am considering using your solution but wondering what is the process of adding new frames? You mentioned I would contact you but I’m sure you wouldn’t have all glasses in the world so how can I myself add a new frame. Do I need special camera equipment to take a picture of the frame and then upload somewhere?

Invalid SKU

I keep getting an error which says Invalid SKU, but I'm pretty sure I've done almost everything accurately.

How to change camera after initialization?

I have UI to allow the user to pick which camera they have after the VTO has been started. I see in the documentation that you can set it at initialization but nothing on how to do it after that. The alternative would be to destroy/deinit the library and then reinitialize it, but it looks like there is no destroy() method like there is in the other Jeeliz libs.

How can I set deviceId after initialization has already occurred?

is JEEWIDGET.loadStandalone still exist or deprecated ?

Dear Jeeliz

the documentations say that we can add our 3d assest, using JEEWIDGET.loadStandalone

JEEWIDGET.load_modelStandalone(exportedGlassesModel,function(){console.log('INFO: EXPORTED MODEL LOADED');})

is the function deprecated or not ?

How did you stop zooming in on ios safari?

Hi. I use your jeeliz face filter very well.
I'm sorry. I have a question that is not related to your project.

When playing the VTO demo, I saw that the video canvas could not zoom in and out.
If you do not mind, can you tell me what you did?

Regarding SKU models of Glasses

Hi,
Hope you are doing Great & Keeping well!!!
I am reaching for creating virtual try-on utilising JEELIZ.
I want to implement similar solution for my client so, how can I use JEELIZ APIs to do same.
While exploring on github I got to we can customise SKU models in our application.
Can you please provide technical support or pricing model if there is any.

Thank-you.

3D Glasses Json Example not working

Hello,

your 3D Glasses JSON example is not working.

After loading the exported JSON object with:

 JEEWIDGET.load_modelStandalone(actual_JSON);

It returns a:

  Uncaught TypeError: Cannot read property 'length' of null

I know that you don't give support for free, but your demo is broken here.

Best,
Stefan

Invalid Sku

it was working fine before but now its giving me the error of "INVALID SKU" exception. I did not change anything in the file (demo.html). I am looking forward to attach it with my website. we can discuss that later. I am gonna present this software to my company...maybe they'll buy it. but for now this error coming up. resolve this issue
best regards
Ali

Don't work on Google Chrome.

Whenever I run your given demo-virtual try on program error occur. Pleasem have a look and help me out asap.
Thanks
jeeliz1
jeeliz

pupils measure

is it possible to measure the distance between the pupils?

Conflicts with jQuery

Hi there,
Is this plugin compatible with jQuery 100%?
Cause when i'm trying to create plugin to the page, i got this error:

image

Waiting for your feedback, as soon as possible )
Thanks,
Alexandru

Change color frame VTO

Hello, sorry i have request... If possible show example for change color frame VTO in JeelizThreeGlassesCreator.js
Thanks

Camera not detected in Chrome

Just downloaded and tried testing the code.
It worked well in Firefox but not in Chrome.
The camera is not detected.
Tried using the url https://jeeliz.com/sunglasses/ . The camera is detected both on Firefox and Chrome but not the sample code.
Appreciate any assistance.

Thanks

Getting an error in VTO widget.

I was trying to implement VTO for my website but facing as issue as
image
I referred this https://jeeliz.com/blog/vto-studio-lite-tutorial/ link to do so. My custom VTO js file is https://transfernow.net/235ca8e8wigz .
I used this html code
<!DOCTYPE html><html> <meta charset='utf-8'> <head> <title>MY VTO WIDGET</title><script type="text/javascript" src="/webcam/jeeliz/jeelizGlasses/JeelizWidgetVTO.js"></script> </head> <body> <canvas width="800" height="600" id="jeelizWidgetVTOCanvas"></canvas><button onclick="VTOStudio.main()">Click to start the widget</button> </body></html>

I want to ask something.

  1. If I need to insert new glasses, what do I need to prepare?
  2. Can I create my own glasses database? If i can do What do I have to do.

thank you.

Integrate with DotNet MVC C# in Visual Studio 2019

I have added the widget in the DotNet MVC framework.
It worked fine in Firefox and Safari but not Chrome.
Reason it is because it cannot detect the camera in Chrome.
Error message errlable = FALLBACK_UNAVAILABLE
Tried to find further error detail but could not

Appreciate if you can check on this. Thanks

Invalid

Hi i'm currently creating a final year project for my final year semester and it has the jeeliz glasses feature. It was working fine before, now it's not working where it says invalid SKU. May I know why i'm facing the invalid SKU?

Change Env-Map Image

Is there a possibility to change the environment map image? Or are you planning on adding this feature in the future?

Appart from that, I really like the widget! Thanks a lot for your work and sorry that I have misused this bug report as a feature request form.

Integrate with android app

How to integrate this VTO Widget with android app. I am wondering if this is possible. I am following
this tutorial.
I have completely followed the instructions but app is not running whether an issue occured i.e given below
"Installation did not succeed.
The application could not be installed: SHELL_UNRESPONSIVE
The device timed out while trying to install the application."

what would be the pathway. Have you explained it anywhere for android integration.

Adding hand model for virtual button but require calling of video feed function

Hello,

I am trying to incorporate Mediapipe hand model with the widget to have some kind of virtual button (instead of clicking using mouse) on the button to select frame. However, I realize the webcam is activated upon activating the widget which prevent me from utilizing the webcam for hand recognition. I realize the activation of the webcam is built in with the "JEELIZVTOWIDGET.start" function, which prevent from calling the video feed for Mediapipe. I was wondering there could be a feature to call the video feed seperately?

Thanks!
JH

Integration with nextjs

import { JEELIZVTO, JEELIZVTOWIDGET } from 'jeelizvtowidget';

SyntaxError: Cannot use import statement outside a module getting this error while importing.

Added the jeelizvtowidget as dev-dependencies still getting the same error.
Also getting this warning in vscode Could not find a declaration file for module 'jeelizvtowidget'.

Prevent the library from searching a webcam

I want to use this library with CCTV but after I managed to do it the I figured out that the library searches for webcam by default, if not attached it gives an error and doesn't call onWebcamGet method where I change the stream with the CCTV stream.
Is it possible to call onWebcamGet even when webcam not attached or add a feature to disable that behaviour.

Is it possible to run the widget without a webcam ?

I'm getting a blank screen when working on a pc without a webcam. I was wondering if it is possible to load photos via passing base64 data ( or any other file formats ) to the api without having to use the webcam.

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.