Use my model in a webpage

Question

Use my model in a webpage

GialiBoM opened this issue 4 years ago · comments

I have created an object recognition model, using Colab where I can load an image from my drive and the model recognizes the object from my object
I saved the model in .json with its related .bin sheets
But I also have the same model saved in .py .ipynb .h5

I would like to apply this acknowledgment template on my website, in JS

I've been trying to find out online for days, or reading this link
https://www.tensorflow.org/js/tutorials/conversion/import_keras
I also tried the code shown here
but I still can't find a solution

Matvii Hodovaniuk · Answer 1 · Tue Sep 08 2020 05:10:56 GMT+0800 (China Standard Time)

@GialiBoM could you please clarify your problem?

Preyash Patel · Answer 2 · Tue Sep 22 2020 23:48:02 GMT+0800 (China Standard Time)

@GialiBoM could you please clarify your problem?

I am also having the issue, unable to load my .json model using tf.loadModel("path to model")

It is showing this error "tf.loadModel" is not function
I have also tried tf.loadLayersModel, but having same error

How to load keras based model in js?

Matvii Hodovaniuk · Answer 3 · Wed Sep 23 2020 01:45:02 GMT+0800 (China Standard Time)

@preyash2047 thanks for your report.

How to load keras based model in js?

Here is a good example where you can find how to import your model. Could you please run it locally and confirm that loadLayersModel works for you in this example. Here is a place where we load a model.

It is showing this error "tf.loadModel" is not function

Could you confirm please that you imported TensorFlow correct?

Could you also share a .json file or an example of code that run tf.loadLayersModel?

Thanks.

Preyash Patel · Answer 4 · Wed Sep 23 2020 01:57:27 GMT+0800 (China Standard Time)

Thank you for Quick reply, i found error: "Uncaught TypeError: Failed to resolve module specifier "@tensorflow/tfjs". Relative references must start with either "/", "./", or "../"." I am googling this for two days still not find the solution for this, how to solve above mentioned error [image: Mailtrack] <https://mailtrack.io?utm_source=gmail&utm_medium=signature&utm_campaign=signaturevirality5&> Sender notified by Mailtrack <https://mailtrack.io?utm_source=gmail&utm_medium=signature&utm_campaign=signaturevirality5&> 22/09/20, 11:26:10 pm

…

On Tue, Sep 22, 2020 at 11:15 PM matvii ***@***.***> wrote: @preyash2047 <https://github.com/preyash2047> thanks for your report. How to load keras based model in js? Here <https://github.com/tensorflow/tfjs-examples/tree/21d2eb88ea444f3056b887c57c07dd8ce924faf0/mnist-transfer-cnn> is a good example where you can find how to import your model. Could you please run it locally and confirm that loadLayersModel works for you in this example. Here <https://github.com/tensorflow/tfjs-examples/blob/21d2eb88ea444f3056b887c57c07dd8ce924faf0/mnist-transfer-cnn/loader.js#L43> is a place where we load a model. It is showing this error "tf.loadModel" is not function Could you confirm please that you imported TensorFlow correct? Could you also share a .json file or an example of code that run tf.loadLayersModel? Thanks. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#279 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJV47HCBY4ORVXWBUVQWNZ3SHDPC3ANCNFSM4QAETD3Q> .

Giali · Answer 5 · Wed Sep 23 2020 14:44:32 GMT+0800 (China Standard Time)

@hodovani Sorry if I answer just now
I leave you my exact question, with reference code here
https://stackoverflow.com/questions/63703062/load-object-recognition-model-created-in-colab-in-a-javascript-web-page

Preyash Patel · Answer 6 · Wed Sep 23 2020 20:20:14 GMT+0800 (China Standard Time)

Thank you, I have just solved the error, with this simple code: https://github.com/preyash2047/preyash2047.github.io/blob/master/home/test.html which is hosted on https://preyash2047.github.io/home/test thank you [image: Mailtrack] <https://mailtrack.io?utm_source=gmail&utm_medium=signature&utm_campaign=signaturevirality5&> Sender notified by Mailtrack <https://mailtrack.io?utm_source=gmail&utm_medium=signature&utm_campaign=signaturevirality5&> 23/09/20, 05:49:40 pm

…

On Tue, Sep 22, 2020 at 11:15 PM matvii ***@***.***> wrote: @preyash2047 <https://github.com/preyash2047> thanks for your report. How to load keras based model in js? Here <https://github.com/tensorflow/tfjs-examples/tree/21d2eb88ea444f3056b887c57c07dd8ce924faf0/mnist-transfer-cnn> is a good example where you can find how to import your model. Could you please run it locally and confirm that loadLayersModel works for you in this example. Here <https://github.com/tensorflow/tfjs-examples/blob/21d2eb88ea444f3056b887c57c07dd8ce924faf0/mnist-transfer-cnn/loader.js#L43> is a place where we load a model. It is showing this error "tf.loadModel" is not function Could you confirm please that you imported TensorFlow correct? Could you also share a .json file or an example of code that run tf.loadLayersModel? Thanks. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#279 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJV47HCBY4ORVXWBUVQWNZ3SHDPC3ANCNFSM4QAETD3Q> .

Preyash Patel · Answer 7 · Wed Sep 30 2020 12:22:14 GMT+0800 (China Standard Time)

Hey @GialiBoM ,

I have done a project on handwritten text recognition and implemented using tensorflow.js, and I have implemented this on 25th Sep 2020, so everything will work for you also
check out my project which is live at https://preyash2047.github.io/textdetection.html
Repo: https://github.com/preyash2047/preyash2047.github.io/blob/master/textdetection.html

Note: use console to know the status of model downloading and background process