How to add a small HTML snippet?

Help & Support
1

Hello Guys, I’m back after a long time :grin:

I tried to use the project project HTML/CSS - Live Updates to add some html to my project, the code uses the webcam Just change the html file attached to the entity
however I have not been able to do it. The code I am using is:


<head>
	

	<style type="text/css">
		#canvas {
			-moz-transform: scaleX(-1);
	        -o-transform: scaleX(-1);
	        -webkit-transform: scaleX(-1);
	        transform: scaleX(-1);
	        filter: FlipH;
	        -ms-filter: "FlipH";
		}

		#divCarrito {
			display: inline-block;
		    vertical-align: top;
		    padding: 100px;
		}

		#carrito {
			transform: rotate(270deg);
		}
	</style>
</head>
<body>
    <video id="video" playsinline autoplay style="display:none;"></video>
    <canvas id="canvas" width="475" height="475"></canvas>
    <div id="divCarrito">
    	<img id="carrito" src="https://cdn.glitch.global/60217d7f-f22c-4d98-afd8-9a42626ca900/car.png?v=1651253447152" />
    </div>
    <div style="display: inline-block;" id="info"></div>

    <script type="text/javascript" src="https://cdn.glitch.global/1709a39e-f4f0-4213-ba4c-1b321773e5bd/platanete.js?v=1650864618123"></script>
    <script type="text/javascript" src="https://cdn.glitch.global/1709a39e-f4f0-4213-ba4c-1b321773e5bd/webcam.js?v=1650864628478"></script>

    <script type="text/javascript">

    	window.onload = function() {
    		mostrarCamara();
    	}
    </script>
</body>

Anyone know what I’m doing wrong?

2

Hi @Luis_Mb,

I think you need to remove the head and body elements from your code, since your window can have only one. And that is already in place by the PlayCanvas launcher.

If you observe the example you link, you will see it appends to the page a div element. Try to mimic that.