added event for video loaded

aframe/build/aframe-ar.js

@@ -5909,10 +5909,17 @@ ARjs.Source.prototype.init = function(onReady, onError){
         this.domElement.style.top = '0px'
         this.domElement.style.left = '0px'
 		this.domElement.style.zIndex = '-2'
+		this.domElement.setAttribute('id', 'arjs-video');
 
 	return this
         function onSourceReady(){
         document.body.appendChild(_this.domElement);
+        window.addEventListener('arjs-video-loaded', function(ev) {console.log('ss',ev)})
+        window.dispatchEvent(new CustomEvent('arjs-video-loaded', {
+            detail: {
+                component: document.querySelector('#arjs-video'),
+            },
+        }));
 
 		_this.ready = true
 

three.js/build/ar.js

@@ -5909,10 +5909,17 @@ ARjs.Source.prototype.init = function(onReady, onError){
         this.domElement.style.top = '0px'
         this.domElement.style.left = '0px'
 		this.domElement.style.zIndex = '-2'
+		this.domElement.setAttribute('id', 'arjs-video');
 
 	return this
         function onSourceReady(){
         document.body.appendChild(_this.domElement);
+        window.addEventListener('arjs-video-loaded', function(ev) {console.log('ss',ev)})
+        window.dispatchEvent(new CustomEvent('arjs-video-loaded', {
+            detail: {
+                component: document.querySelector('#arjs-video'),
+            },
+        }));
 
 		_this.ready = true
 

three.js/build/ar.lean.js

@@ -3175,10 +3175,17 @@ ARjs.Source.prototype.init = function(onReady, onError){
         this.domElement.style.top = '0px'
         this.domElement.style.left = '0px'
 		this.domElement.style.zIndex = '-2'
+		this.domElement.setAttribute('id', 'arjs-video');
 
 	return this
         function onSourceReady(){
         document.body.appendChild(_this.domElement);
+        window.addEventListener('arjs-video-loaded', function(ev) {console.log('ss',ev)})
+        window.dispatchEvent(new CustomEvent('arjs-video-loaded', {
+            detail: {
+                component: document.querySelector('#arjs-video'),
+            },
+        }));
 
 		_this.ready = true
 

three.js/contribs/portableAR.js/build/portable-ar.js

@@ -54407,10 +54407,17 @@ ARjs.Source.prototype.init = function(onReady, onError){
         this.domElement.style.top = '0px'
         this.domElement.style.left = '0px'
 		this.domElement.style.zIndex = '-2'
+		this.domElement.setAttribute('id', 'arjs-video');
 
 	return this
         function onSourceReady(){
         document.body.appendChild(_this.domElement);
+        window.addEventListener('arjs-video-loaded', function(ev) {console.log('ss',ev)})
+        window.dispatchEvent(new CustomEvent('arjs-video-loaded', {
+            detail: {
+                component: document.querySelector('#arjs-video'),
+            },
+        }));
 
 		_this.ready = true
 

three.js/src/threex/threex-artoolkitsource.js

@@ -73,10 +73,16 @@ ARjs.Source.prototype.init = function(onReady, onError){
         this.domElement.style.top = '0px'
         this.domElement.style.left = '0px'
 		this.domElement.style.zIndex = '-2'
+		this.domElement.setAttribute('id', 'arjs-video');
 
 	return this
         function onSourceReady(){
         document.body.appendChild(_this.domElement);
+        window.dispatchEvent(new CustomEvent('arjs-video-loaded', {
+            detail: {
+                component: document.querySelector('#arjs-video'),
+            },
+        }));
 
 		_this.ready = true