CoolFace
Apppublic

Omnibus/test-model-viewer

sourceHugging Faceupdated 3y agoView on Hugging Face
0likes
index.html71 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en">3<head>4 5    <meta charset="utf-8" />6    <meta name="viewport" content="width=device-width" />7    <meta name="twitter:card" content="player"/>8    <meta name="twitter:site" content=""/>9    <meta name="twitter:player" content= "https://Omnibus-test-model-viewer.static.hf.space/index.html/?url=https://cdn.glitch.global/fe6d4fc5-58dd-43de-a65d-7bd5b477e8e1/20ae536b8a509e405d5b2eea3cb0fc5ac305a4750c6399069c9bcceac920001c.glb?v=1696812398288" />10    <meta name="twitter:player:stream" content= "https://Omnibus-test-model-viewer.static.hf.space/index.html/?url=https://cdn.glitch.global/fe6d4fc5-58dd-43de-a65d-7bd5b477e8e1/20ae536b8a509e405d5b2eea3cb0fc5ac305a4750c6399069c9bcceac920001c.glb?v=1696812398288" />11    <meta name="twitter:player:width" content="100%"/>12    <meta name="twitter:player:height" content="100%"/>    13    <meta property="og:title" content="Test Model Viewer"/>14    <meta property="og:description" content="Embedded App"/>15    <meta property="og:image" content="https://Omnibus-test-model-viewer.static.hf.space/card_im.png"/>16 17<style>18/*  .container {19  position: relative;20  overflow: hidden;21  width: 100%;22  padding-top: 100%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */23/*}*/24  .responsive-iframe {25  position: absolute;26  top: 0;27  left: 0;28  width: 100%;29  height: 100%;30}31.embed-container {32position: relative;33padding-top: 100%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */34/*padding-bottom: 70.75%;*/35height: 0;36overflow: hidden;37}38.embed-container iframe {39position: absolute;40top:0;41left: 0;42width: 100%;43height: 100%;44}45    </style>46  </head>47  <body>48 49<div class="embed-container">50<iframe 51  id="myIframe" 52  frameborder="0"53  class="container p-0 flex-grow space-iframe"54  allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" 55  sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"56></iframe>57</div>58    <script>59    const queryString = window.location.search;60    const urlParams = new URLSearchParams(queryString);61    const model_url = urlParams.get("url");62    console.log(model_url);63    let myIframe = document.getElementById("myIframe");64    let url_string = "https://omnibus-model-view.hf.space/";65    let mod_url = model_url;66    let adsURL = url_string+"?url="+mod_url;67    console.log(adsURL);68    myIframe.src = adsURL;69    </script>70  </body>71</html>