Posted By

freediver on 09/24/19

Tagged

js
html

Versions (?)

Last Edited at 09/24/19 09:23pm

Statistics

Viewed 6673 times

Favorited by 0 user(s)

Related snippets

AR code in HTML

/ Published in: HTML

Augmented Reality in HTML

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<!-- AR.js by @jerome_etienne - github: https://github.com/jeromeetienne/ar.js - info: https://medium.com/arjs/augmented-reality-in-10-lines-of-html-4e193ea9fdbf -->
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.0/aframe/build/aframe-ar.js"></script>
<body style='margin : 0px; overflow: hidden;'>
	<a-scene embedded arjs='sourceType: webcam;'>
		<a-box position='0 0.5 0' material='opacity: 0.5;'></a-box>
		<a-marker-camera preset='hiro'></a-marker-camera>
	</a-scene>
</body>
 
source: https://codepen.io/jeromeetienne/pen/mRqqzb