Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

OpenAI keeps working on Canvas rendering for HTML pages. Now it can render HTML pages seamlessly and also has a new loading animation. React Canvases seem to get a bit broken 👀 * This feature is still in development and not available to the public 🚧

TestingCatalog News 🗞

20,640 subscribers

50,710 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & Technologie Nachrichten & Politik

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Antonio

Antoniovor 1 Jahr

I can’t wait for it to be available soon for everyone.

Profilbild von TestingCatalog News 🗞

TestingCatalog News 🗞vor 1 Jahr

Same 🙌 Looks nice

Profilbild von Moescape AI

Moescape AIvor 1 Jahr

Sign up & create wholesome anime art on Moescape AI now!

Profilbild von Z̷̢̘̟̍̀͂È̸̹̞̒͘͝N̶̠̓̐̚̚

Z̷̢̘̟̍̀͂È̸̹̞̒͘͝N̶̠̓̐̚̚vor 1 Jahr

Would you say it’s as good as Artifacts?

Profilbild von TestingCatalog News 🗞

TestingCatalog News 🗞vor 1 Jahr

It cannot render react apps yet but this will come soon too. They will be similar kind of

Profilbild von NomoreID

NomoreIDvor 1 Jahr

Canvas with 4o is kind a suck now. At least they have to give us o1 mini for it.

Profilbild von Theo

Theovor 1 Jahr

They should just make a third panel to the right and have an IDE. Prompt, preview, then deploy into the project. Love the animation though! UI x AI still feels underexplored so excited to see what comes.

Profilbild von Kol Tregaskes

Kol Tregaskesvor 1 Jahr

If it can render HTML then we'll get way more rich content and be able to write full articles. Can't wait for this.

Profilbild von TestingCatalog News 🗞

TestingCatalog News 🗞vor 1 Jahr

Yes 🙌 Data visualization, etc

Profilbild von Slava Stalin

Slava Stalinvor 1 Jahr

How does one bypass the feature flag to enable the feature?

Profilbild von neuralAGI

neuralAGIvor 1 Jahr

nice find 💪🏻

Ähnliche Videos

ChatGPT with canvas now works with OpenAI o1—and can render HTML and React.

ChatGPT with canvas now works with OpenAI o1—and can render HTML and React.

OpenAI Developers

926,981 Aufrufe • vor 1 Jahr

For the last couple months, our team has been working hard on a few paradigm-changing features for HTML Canvas. One of them is the ability to have HTML elements in a canvas. Here's a ThreeJS demo with a live HTML texture.

For the last couple months, our team has been working hard on a few paradigm-changing features for HTML Canvas. One of them is the ability to have HTML elements in a canvas. Here's a ThreeJS demo with a live HTML texture.

Fernando Serboncini

680,057 Aufrufe • vor 2 Jahren

Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below

Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below

Palash Bansal

30,322 Aufrufe • vor 1 Monat

Just remembered, I had made a #threejs html bridge last year using svg foreign object but didn't share Asked claude to finish and deploy it, it did, its now making a plugin for threepipe HTML rendering within a canvas with support for interaction and css animations. link...

Just remembered, I had made a #threejs html bridge last year using svg foreign object but didn't share Asked claude to finish and deploy it, it did, its now making a plugin for threepipe HTML rendering within a canvas with support for interaction and css animations. link...

Palash Bansal

14,436 Aufrufe • vor 5 Monaten

VFX-JS supports HTML-in-Canvas now. You can turn HTML element into a WebGL texture. It automatically detects the browser and fallback to the old SVG foreignObject workaround. So it works on Chrome, Firefox, and Safari, of course! #WebGL #VFXJS #Codepen

VFX-JS supports HTML-in-Canvas now. You can turn HTML element into a WebGL texture. It automatically detects the browser and fallback to the old SVG foreignObject workaround. So it works on Chrome, Firefox, and Safari, of course! #WebGL #VFXJS #Codepen

𝘼𝙈𝘼𝙂𝙄

51,990 Aufrufe • vor 1 Monat

you can now use o1 to code in chatgpt canvas, and it renders html and react apps used it to quickly build a windows 95 sim! iterated on it within chatgpt—adding minesweeper, notepad files that can be saved and edited, even pointer traillssssss

you can now use o1 to code in chatgpt canvas, and it renders html and react apps used it to quickly build a windows 95 sim! iterated on it within chatgpt—adding minesweeper, notepad files that can be saved and edited, even pointer traillssssss

edwin

326,099 Aufrufe • vor 1 Jahr

Screenshot to HTML Keeps trying to match your screenshot to the HTML output using OpenAI vision model

Screenshot to HTML Keeps trying to match your screenshot to the HTML output using OpenAI vision model

Dushyant

2,165,625 Aufrufe • vor 2 Jahren

After seeing the reaction to pretext, I can tell you: the world is not ready for HTML-in-Canvas.

After seeing the reaction to pretext, I can tell you: the world is not ready for HTML-in-Canvas.

Sawyer Hood

115,784 Aufrufe • vor 1 Monat

HTML in Canvas + fragment shader. Shader is applied to the actual interactive html.

HTML in Canvas + fragment shader. Shader is applied to the actual interactive html.

Zsolt Kacso

62,386 Aufrufe • vor 1 Monat

HTML can't run Doom But HTML can now run *inside* Doom! Thanks to HTML-in-Canvas! Fully accessible DOM elements drawn into Doom's own wall textures. This demo uses a WebAssembly port (jacobenget/doom.wasm) of the original C source. See it in action at - Requires Chrome with chrome://flags/#canvas-draw-element enabled. On every Doom tick, HTML-in-Canvas's drawElementImage() captures the DOM form (child of ) to an offscreen buffer, it's quantised to Doom's 256-colour palette, and the bytes are written straight into the cached patch for the appropriate texture in Doom. Doom's own software renderer then paints it onto E1M1 as a wall texture - which means perspective warp, sector lighting, and even the damage-red tint all get included and applied to the HTML form elements. It's just a texture to Doom.

HTML can't run Doom But HTML can now run inside Doom! Thanks to HTML-in-Canvas! Fully accessible DOM elements drawn into Doom's own wall textures. This demo uses a WebAssembly port (jacobenget/doom.wasm) of the original C source. See it in action at - Requires Chrome with chrome://flags/#canvas-draw-element enabled. On every Doom tick, HTML-in-Canvas's drawElementImage() captures the DOM form (child of ) to an offscreen buffer, it's quantised to Doom's 256-colour palette, and the bytes are written straight into the cached patch for the appropriate texture in Doom. Doom's own software renderer then paints it onto E1M1 as a wall texture - which means perspective warp, sector lighting, and even the damage-red tint all get included and applied to the HTML form elements. It's just a texture to Doom.

Robin

114,245 Aufrufe • vor 1 Monat

got html-in-canvas working with polyfill in all browsers including safari. and it works better than in canary(for now) send me your examples to try out

got html-in-canvas working with polyfill in all browsers including safari. and it works better than in canary(for now) send me your examples to try out

Palash Bansal

16,046 Aufrufe • vor 1 Monat

I just built this classic game on Hugging Face DeepSite. It's fun to play. You should try out . It’s has a canvas feature that supports HTML, CSS, and JS. For now, you can build websites, games, and a lot more. I used Novita as one of the four available providers from the list. DeepSeek models are awesome. Can’t wait for DeepSeek R2.

I just built this classic game on Hugging Face DeepSite. It's fun to play. You should try out . It’s has a canvas feature that supports HTML, CSS, and JS. For now, you can build websites, games, and a lot more. I used Novita as one of the four available providers from the list. DeepSeek models are awesome. Can’t wait for DeepSeek R2.

AshutoshShrivastava

43,414 Aufrufe • vor 1 Jahr

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level

HeyGen

501,488 Aufrufe • vor 1 Monat

can't wait for html-in-canvas? you don't have to, it works now in all browsers internet is going to be lit in a few years here are all the best html rendering in canvas demos made in the last month - frozen form ハシモトタクマ / FunTech - cf workers form matt rothenberg - threejs demo mrdoob - 3d scene, infinite embed Robin - curved surface Jake Archibald - html room Sawyer Hood - wormhole sirxemic - jelly slider Iwo Plaza | TypeGPU - several samples by Nick Daniel Try it out -

can't wait for html-in-canvas? you don't have to, it works now in all browsers internet is going to be lit in a few years here are all the best html rendering in canvas demos made in the last month - frozen form ハシモトタクマ / FunTech - cf workers form matt rothenberg - threejs demo mrdoob - 3d scene, infinite embed Robin - curved surface Jake Archibald - html room Sawyer Hood - wormhole sirxemic - jelly slider Iwo Plaza | TypeGPU - several samples by Nick Daniel Try it out -

Palash Bansal

29,768 Aufrufe • vor 1 Monat

Can you believe these slides are full page loads to completely new HTML pages‽ #smashingconf ^ try it with Canary and enable the flag chrome://flags/#view-transition-on-navigation what. rad. tech. 🤯

Can you believe these slides are full page loads to completely new HTML pages‽ #smashingconf ^ try it with Canary and enable the flag chrome://flags/#view-transition-on-navigation what. rad. tech. 🤯

Adam Argyle

456,886 Aufrufe • vor 3 Jahren

Download complete web pages as a single HTML file in one click, including images, styles, fonts, and scripts

Download complete web pages as a single HTML file in one click, including images, styles, fonts, and scripts

AlternativeTo

29,562 Aufrufe • vor 3 Monaten

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

Paras Chopra

212,504 Aufrufe • vor 12 Tagen

Canvas—a new way to work with ChatGPT to draft, edit, and get feedback on writing & code—is now available to all users in our 4o model. It’s fully rolled out on web and the ChatGPT desktop app for Windows.

Canvas—a new way to work with ChatGPT to draft, edit, and get feedback on writing & code—is now available to all users in our 4o model. It’s fully rolled out on web and the ChatGPT desktop app for Windows.

OpenAI

653,654 Aufrufe • vor 1 Jahr