| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>3D Model Example</title> |
| </head> |
| <script> |
| function handleEvent() { |
| console.log("MODEL IS LOADED") |
| globalThis.testRunner?.notifyDone(); |
| } |
| |
| window.onload = function() { |
| globalThis.testRunner?.waitUntilDone(); |
| console.log("Page has finished loading!"); |
| const model = document.getElementsByName("model")[0]; |
| model.addEventListener("load", handleEvent); |
| }; |
| |
| </script> |
| <body> |
| <h1>3D Model Viewer</h1> |
| <model name="model" src="../resources/teapot.usdz" width="600" height="400" controls="true"> |
| <p>Your browser does not support the <model> element.</p> |
| </model> |
| </body> |
| </html> |
