\
**Category:** Coding Questions\
**Created:** [April 7, 2020, 3:47pm UTC](https://discourse.processing.org/t/https-processing-org-examples-hue-html/19506 "2020-04-07T15:47:25Z")\
**Posts on this page:** 5\
**Page:** 1
**Author:**  [@wuzywute](https://discourse.processing.org/u/wuzywute)\
**Post date:** [April 7, 2020, 3:47pm UTC](https://discourse.processing.org/t/https-processing-org-examples-hue-html/19506/1 "2020-04-07T15:47:25Z")
[https://processing.org/examples/hue.html](https://processing.org/examples/hue.html)
I was curious how you embed a processing file in an html file like this link here?
I’m picking up coding again, and starting with processing a language i was introduced to in 2005 in college. I have currently 3 little creative codes and I’m working on a calculator next week. I wanted to showcase my work in a portfolio and would like to know how a working processing application can work in a website?
n
> **[Nicholas Lawson B.A.](https://nickspoems.com/)**
>
> Visit the post for more.
---
**Author:**  [@wuzywute](https://discourse.processing.org/u/wuzywute)\
**Post date:** [April 7, 2020, 3:53pm UTC](https://discourse.processing.org/t/https-processing-org-examples-hue-html/19506/2 "2020-04-07T15:53:13Z")
what’s a p5 container? i inspected the code?
---
**Author:**  [@wuzywute](https://discourse.processing.org/u/wuzywute)\
**Post date:** [April 7, 2020, 4:26pm UTC](https://discourse.processing.org/t/https-processing-org-examples-hue-html/19506/3 "2020-04-07T16:26:20Z")
i’m working on opening 25,000 bookstores like craigslist did but didn’t do … i figure i’ll just dally in processing for a year and buy some books and give myself a real luxurious dalliance in code for the year and just casually study like do one creative sketch a day and i reformatted my computer so i’m geeked about it … i need a couple API’s i think to string together and then code my own EPUB format and it gets harder i’m on the easy ish right now … i think i’ll do the website in RUBY ON RAILS so this is good practice … i think … couldn’t not be … i’m just getting my feet wet before i take the plunge … i graduated ENGLISH LITERATURE so i learned all my programming from reading … most of programming seems like reading to me
---
**Author:**  [@wuzywute](https://discourse.processing.org/u/wuzywute)\
**Post date:** [April 7, 2020, 4:48pm UTC](https://discourse.processing.org/t/https-processing-org-examples-hue-html/19506/4 "2020-04-07T16:48:47Z")
i just looked at ruby on rails and i’m like um i don’t like a weak presentation maybe i’ll be auditioning languages this year … i’ll keep working with processing but the intelligent choice would be to probably go with java i think if there was a way to get java code generating HTML and CSS and JAVASCRIPT meh i don’t know … i went to a liberal arts college so later i figured a liberal art is something you’re supposed to do a lot of
---
**Author:**  [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [April 16, 2020, 2:07am UTC](https://discourse.processing.org/t/https-processing-org-examples-hue-html/19506/5 "2020-04-16T02:07:06Z")
> [@wuzywute](#):
>
> how a working processing application can work in a website?
> [@wuzywute](#):
>
> how you embed a processing file in an html file
One way is to use p5.js rather than the original Processing (Java) mode
If you want a hosted solution and to embed a sketch, you can also use openprocessing – which can host processing.js (written in Java-style syntax) or p5.js (in JavaScript style). The example you linked is actually using processing.js – but for the web, p5.js is usually preferred.
See also:
> [@Processing web sketch embeds on this forum](https://discourse.processing.org/t/test-processing-web-sketch-embeds-on-this-forum/19097):
>
> Discourse has the ability to whitelist embedded iframes from select hosts. We could use this to enable embedding web-hosted Processing / p5.js sketches from community-trusted platforms such as the p5.js web editor, or [openprocessing.org](http://openprocessing.org), et cetera. An embed from [editor.p5js.org](http://editor.p5js.org): \